<title>New (File menu)</title> New ( File menu ) Create a new document. Choosing File > New displays the New Document dialog box. Use the New Document dialog box to set the canvas size, resolution, and canvas color. Use File > Save As to name and save the file.
<url>../html/0102_Open.htm</url>
<title>Open</title> Open ( File menu ) Open an existing document. Choosing File > Open displays the Open File dialog box. Open an existing Fireworks PNG file or open a file saved by another application in a supported format. When included with the file, a thumbnail preview appears in the Open File dialog box. Check the Open as ôUntitledö checkbox to create an untitled copy of the original file.
<url>../html/0103_OpenMult.htm</url>
<title>Open Multiple</title> Open Multiple ( File menu ) Open multiple existing documents. Choose File > Open Multiple to display the Open Multiple dialog box. Open existing Fireworks PNG files or open files saved by another application in a supported format. When in the Open Multiple dialog box, select files then: Click Add to add a file to the list. Click Add All to add all supported files in the current folder to the list. Select a File from the added file list and click Remove to remove it from the added file list. Opening multiple files as an animation Check Open as Animation to open selected files as successive frames of animation in a single Fireworks document.
<url>../html/0104_Scan.htm</url>
<title>Scan</title> Scan ( File menu ) Import an image from a scanner or digital camera. For more information about importing from scanners and digital cameras, see Importing from a scanner or digital camera .
<url>../html/0105_Close.htm</url>
<title>Close (File menu)</title> Close ( File menu ) Close the active document without exiting Fireworks.
<url>../html/0106_Save.htm</url>
<title>Save (File menu)</title> Save ( File menu ) Permanently save changes made to a document. Saving a document for the first time The Save As dialog box opens. Name the file and specify a location.
<url>../html/0107_Save_As.htm</url>
<title>Save As (File menu)</title> Save As ( File menu ) Save a document for the first time or create a copy of a document with a new name and location. If saving an existing document, use Save As to save under a new copy of the document and then work on that copy. Tip: If you wish to save a copy but continue working on the original document, choose Save a copy .
<url>../html/0108_Save_a_copy.htm</url>
<title>Save a copy (File menu)</title> Save a Copy ( File menu ) Save a copy of a document to a new location, and then continue working on the original document. Tip: If you wish to save a copy and then continue working on that copy, choose File > Save As .
<url>../html/0109_Revert.htm</url>
<title>Revert (File menu)</title> Revert ( File menu ) Ignore all changes made to the document and return to the last-saved version. You cannot undo the Revert command. Use Revert when Undo cannot restore the document adequately.
<url>../html/0110_Import.htm</url>
<title>Import (File menu)</title> Import ( File menu ) Import a graphic file created in or exported from another application and place it in the current document. Tip: To import a graphic so that it opens in a new document window, use File > Open instead of Import. Importing bitmap images Fireworks imports BMP, GIF, JPEG, PICT (Macintosh), PNG, TIFF, xRes LRG, Targa, and Photoshop files. When imported, these files are fully editable using Fireworks bitmap editing tools and many Photoshop third-party plug-ins while in image edit mode. In addition to file name and location, the Import File dialog box shows file size, format, and a thumbnail preview, if available. To import a bitmap graphic: Choose File > Import or use Command-R (Macintosh) or Control-R (Windows). Choose the file to import. Position the import cursor where the upper-left corner of the graphic is to appear. Click the mouse button to place the graphic at its default size, or click and drag the import cursor to resize the image while importing. Importing vector art Fireworks imports vector graphics from Macromedia FreeHand 7 and 8, Adobe Illustrator 7 and 8, and uncompressed CorelDRAW 7 and 8. Imported paths are fully editable as if they were created in Fireworks. Fireworks offers several choices for importing multilayer documents, including layer-to-layer and layer-to-frame interpretations. See Importing FreeHand, Illustrator, or CorelDRAW files for more information on importing vector graphics.
<url>../html/0111_Export.htm</url>
<title>Export (File menu)</title> Export ( File menu ) Open the Export Preview to choose export settings. Optimize web graphics to reduce file size, then export them as the appropriate file format. To export a graphic: Choose File > Export or use Control-Shift-R (Windows) or Command-Shift-R (Macintosh) to open the Export Preview. Choose settings on the Options, File, and Animation panels. View the effect of your settings in the preview area. The preview area can display up to four views simultaneously. Click Next when you are ready to export the file with the current settings. Export Dialog Use the Export Dialog to choose the location and name of your exported files. Use the Export Dialog pop-ups to set slicing and HTML style options.
<url>../html/0112_Export_Special.htm</url>
<title>Export Special</title> Export Special ( File menu ) Export a document as multiple files or as CSS Layers. Export As Files Export images contained on multiple frames, layers, or slices of a document as individual images. Note: When exporting slices as individual images, any behaviors attached to those slices will be ignored, and no HTML is exported. Export as CSS Layers Export images contained on multiple frames, layers, or slices of a document as individual images and generate HTML with each image placed on an individual CSS layer. Note: When exporting slices as individual images, any behaviors attached to those slices will be ignored
<url>../html/0113_Export_Again.htm</url>
<title>Export Again (File menu)</title> Export Again ( File menu ) Quickly export a file using its previous export settings. Export Again bypasses the Export Preview .
<url>../html/0114_Export_Wizard.htm</url>
<title>Export Wizard (File menu)</title> Export Wizard ( File menu ) Open the first in a series of dialog boxes that help you prepare a Fireworks file for export. Specify how you plan to use the file. Based on your answer, the Wizard analyzes and prepares the file in the Export Preview , recommending a specific format or comparative format options.
<url>../html/0115_Batch.htm</url>
<title>Batch (File menu)</title> Batch ( File menu ) Automatically export multiple selected files to a single format or to the same format with different settings. For more information, see Batch processing .
<url>../html/0116_Run_Script.htm</url>
<title>Run Script</title> Run Script ( File menu ) Run a Scriptlet to execute stored batch processing settings. For more information, see Using Batch Scriptlets .
<url>../html/0117_Preview_in_Browser.htm</url>
<title>Preview in Browser</title> Preview in Browser ( File menu ) Preview the current document in a web browser, including all behaviors and URL links. To Do this Select the primary browser for previewing documents Choose Preview in Browser > Set Primary Browser and navigate to the browser application file. Select an alternate browser for previewing documents Choose Preview in Browser > Set Secondary Browser and navigate to the browser application file.
<url>../html/0118_Page_Setup.htm</url>
<title>Page Setup (File menu)</title> Page Setup ( File menu ) Set page-specific print options. Available options depend on the type of printer used. Settings are saved with the document and apply when printing to a non- PostScript printer. Note: In some cases, the settings in the Fireworks Print dialog box override those in the Printer Setup dialog box. Common Page Setup options Consult the documentation for your printer for information about other options. Paper: Choose standard page sizes or custom sizes supported by your printer. Orientation: Choose whether the documentÆs orientation is portrait or landscape. Margins: Enter margins for top, bottom, left, and right.
<url>../html/0119_Doc_Prop.htm</url>
<title>Document Properties</title> Document Properties ( File menu ) The Document Properties dialog box contains document-specific export settings. Change these settings to control slicing and image map options. Save defaults using the Set Defaults button. Slice Options Choose general export settings for slice objects . Auto-Naming Set a naming method for slice files when a custom name is not entered for them in the Object inspector . For more information, see Setting slice auto-naming . Table Shims Shims are images used to space table cells so that tables appear correctly when viewed in a browser. Select the Shim type for HTML tables: None : No shims are used. Transparent Image: A 1 pixel by 1 pixel transparent GIF is used as the shim, and is resized as needed in the HTML. Shims from Image: Additional slicing is applied to the image, creating shims as needed from actual pieces of the image. Export Undefined Slices When checked, all slices are exported from the document, not just the areas directly under slice objects. When unchecked, only areas under slice objects are exported. All other parts of the image are ignored, and the exported HTML table will contain blank cells with the table cell background color set to the document's canvas color. For more information, see Slicing images when exporting . Generate Rollover Demos To test rollovers that will be placed in multiple HTML documents (for example, a navigation bar), check Generate Rollover Demos. When a graphic is exported, Fireworks exports a group of HTML files with the word "demo" appended to each filename. Using a browser, open the unnumbered demo file, and then click the rollovers to test all the states. Image Map For more information, see Creating an image map .
<url>../html/0120_Print.htm</url>
<title>Print (File menu)</title> Print ( File menu ) Open the Print dialog box.
<url>../html/0121_Preferences.htm</url>
<title>Preferences (File menu)</title> Preferences ( File menu ) Make changes in Fireworks preferences to determine how features behave. General Undo Steps: Enter a value from 0 to 100 to specify the number of undo steps. Reopen the document after changing the number of undo steps to apply the change. Limit the number of undoÆs to save RAM. Color Defaults: View the default colors for Brush, Fill, and path selection Highlight. To change a default color, click a color well to open the system color picker and choose a new color. Photoshop Conversion: When opening Photoshop documents, choose to either keep the existing layers or open as a single, flattened bitmap image. A single composite image may not be available unless the Photoshop document was saved with the Photoshop 2.5 compatibility option. Editing Precise Cursors: Check to enable Fireworks precise crosshair cursors instead of default drawing cursors. Precise cursors allow more detailed editing while using drawing and manipulation cursors. Press the Caps Lock button to temporarily enable precise cursors without using this preference. When Editing Images: Expand to Fill Document: Check to make entire document active when in Image Edit Mode. When unchecked, only the area within the selected object's image border is editable. When Editing Images: Open in Image Edit Mode: Check to open image files (GIF, JPEG, etc.) directly in Image Edit Mode. Uncheck to open all files in paths mode. When Editing Images: Turn Off "Hide Edges": Check to automatically to disable Hide Edges when entering or exitin Image Edit Mode. Uncheck to keep Hide Edges active until turned off. Folders Additional Materials: Check and browse to target folders that contain additional files. The folders can be in another directory, on a CD or other external drive, or on a network. The files can include Photoshop plug-ins, which appear on the Fireworks Xtras menu. They can include textures or patterns stored as PNG files, which appear as options with files in the Patterns and Textures folders within the Fireworks\Settings folder. Scratch Disks: Fireworks often creates large temporary files for memory caching as you work. It uses free space on your computerÆs hard disk to store temporary files. If you have more than one hard disk in your computer, target the disk with the most free space as your primary scratch disk and specify a secondary hard disk in case the primary disk runs out of free space.
<url>../html/0122_QuitExit.htm</url>
<title>Quit / Exit (File menu)</title> Exit (Windows) or Quit (Macintosh) ( File menu ) Close Fireworks. If any open documents have unsaved changes, Fireworks prompts you to save the files before closing the application.
<url>../html/0201_Undo.htm</url>
<title>Undo (Edit menu)</title> Undo ( Edit menu ) Reverse the last command or commands applied, including the following: Drawing and editing basic objects Editing images Editing text Transforming objects Removing colors, strokes, fills, and effects. Only operations performed since the last save can be undone. Specify the number of undo steps (up to 100) in the File > General > ôUndo Stepsö preference . The default is eight. Quit and relaunch Fireworks after changing the number of undo steps to initiate the new number. Tip: Limit the number of undo steps to eight or less to save RAM .
<url>../html/0202_Redo.htm</url>
<title>Redo (Edit menu)</title> Redo ( Edit menu ) Cancel the last Undo . Redo redoes the command most recently undone with Undo.
<url>../html/0203_Cut.htm</url>
<title>Cut (Edit menu)</title> Cut ( Edit menu ) Remove selected objects and store them on the Clipboard . Paste cut objects into the same document, a different Fireworks document, or another application. Note: Cut items are stored on the Clipboard, and therefore use RAM .
<url>../html/0204_Copy.htm</url>
<title>Copy (Edit menu)</title> Copy ( Edit menu ) Make a copy of selected objects and store it on the Clipboard . Paste copied objects into the same document, a different Fireworks document, or another application.
<url>../html/0205_Paste.htm</url>
<title>Paste (Edit menu)</title> Paste ( Edit menu ) Place objects stored on the Clipboard into the active document. Paste text or graphics copied from other Fireworks documents or from other applications. If you copied text from an application that creates a Rich Text Format (RTF) version of the text on the Clipboard, Fireworks preserves text formatting.
<url>../html/0206_Clear.htm</url>
<title>Clear (Edit menu)</title> Clear ( Edit menu ) Delete a selected object without storing it on the Clipboard . Choose Edit > Undo to restore the cleared object.
<url>../html/0207_Paste_Inside.htm</url>
<title>Paste Inside (Edit menu)</title> Paste Inside ( Edit menu ) Paste an object stored on the Clipboard inside a selected, closed path. This path is called a masking path, and the items it contains are called contents. Use Paste Inside to mask an object within a closed path. To Do this Move the contents Click and drag the handle that appears on the paste inside. Select an object within a paste inside Choose the Subselection tool and click the object. Alternately, choose the Select Behind tool and hold down Option (Macintosh) or Alt (Windows) to select objects behind other objects within a paste inside. Select the contents Double-click the handle that appears on the paste inside to select the contents. Deselect objects to reset the paste inside. Ungroup a paste inside Select the paste inside and choose Modify > Ungroup . If the selected path is already part of a group or is an open path, the Paste Inside command is not available.
<url>../html/0208_Paste_Attributes.htm</url>
<title>Paste Attributes (Edit menu)</title> Paste Attributes ( Edit menu ) Paste attributes of the object on the Clipboard onto the selected object. Continue to choose Paste Attributes to apply these attributes multiple times. Note: Cut or Copy must be used before Paste Attributes is available.
<url>../html/0209_Select_All.htm</url>
<title>Select All (Select menu)</title> Select All ( Insert menu ) In object mode, select all path objects, image objects, and text objects on all unlocked, visible layers in the document. In image edit mode, select all pixels in an image object bounding box. In the Text Editor , select all text. Select > All does not select objects on locked or hidden layers.
<url>../html/0210_Deselect.htm</url>
<title>Deselect</title> Deselect ( Insert menu ) Deselect all selected objects, pixels, or text.
<url>../html/0211_Superselect.htm</url>
<title>Superselect (Select menu)</title> Superselect ( Insert menu ) Select the entire group to which the current selection belongs. When working with a group, masking group, or Symbol: Choose Select > Superselect to select the group, masking group, or Symbol that contains the selected object. When applying various effects to a group, masking group, or Symbol: Choose Select >Superselect to the masking group or Symbol that contains selected object.
<url>../html/0212_Subselect.htm</url>
<title>Subselect (Select menu)</title> Subselect ( Insert menu ) Select objects within the current selection. When working with a group, masking group, or Symbol: Choose Select > Subselect to select all objects within a selected group, masking group, or Symbol. When applying various effects to a group, masking group, or Symbol: Choose Select > Subselect to select all objects within a selected group, masking group, or Symbol.
<url>../html/0213_Select_Inverse.htm</url>
<title>Inverse (Select menu)</title> Inverse ( Insert menu ) When editing an image, simultaneously select all deselected pixels and deselect all selected pixels.
<url>../html/0214_Feather.htm</url>
<title>Feather (Select menu)</title> Feather ( Insert menu ) When editing an image, choosing Feather blurs the edges of a pixel selectionÆs alpha channel . The Feather Radius value determines the number of pixels that are to be blurred on each side of the selection border. Feathering a selection does not blur the pixels in the image; it only blurs the edges of the selectionÆs alpha channel. To feather the edges of a selected objectÆs alpha channel: Enter image edit mode. Select pixels within the image. Choose Select > Feather to display the Feather Selection dialog box or choose Feather from the right-mouse menu. Type a value to set the feather radius. Default is 10 and click OK. To see the effect, move the selection with the Pointer tool so that the feathered alpha channel covers part of the white space left when the selection was moved away.
<url>../html/0215_Similar.htm</url>
<title>Similar (Select menu)</title> Similar ( Insert menu ) Select pixels throughout an image whose colors fall within the specified tolerance range set in the Magic Wand tool options.
<url>../html/0216_Duplicate.htm</url>
<title>Duplicate (Edit menu)</title> Duplicate ( Edit menu ) Create an exact copy of a selected object and offset it from the original.
<url>../html/0217_Clone.htm</url>
<title>Clone (Edit menu)</title> Clone ( Edit menu ) Create an exact copy of the selected object and positions it directly on top of the original.
<url>../html/0218_FindReplace.htm</url>
<title>Find and Replace</title> Find and Replace ( Edit menu ) Open the Find and Replace panel. For more information on using the Find and Replace panel, see Find and Replace .
<url>../html/0219_CropSelectedImg.htm</url>
<title>Crop Selected Image</title> Crop Selected Image( Edit menu ) Change the size of a selected image object . When Crop Selected Image is selected, a crop marquee appears surrounding the actual pixels in the selected image object–transparent pixels on the edges of the image are ignored. Drag the marquee handles to resize the image object, either cropping or expanding its size. If you expand the size of the image object, transparent pixels are added to the edge of the image object.
<url>../html/0301_Zoom_InZoom_Out.htm</url>
<title>Zoom In and Zoom Out (View menu)</title> Zoom In and Zoom Out ( View menu ) Zoom In Reduce the document view at preset percentages. Alternatively, use the Magnify tool or choose a percentage from the magnification pop-up at the lower-left corner of the document window. Zoom Out Enlarge the document view at preset percentages. Alternatively, use the Magnify tool or choose a percentage from the magnification pop-up at the lower-left corner of the document window.
<url>../html/0303_Magnification.htm</url>
<title>Magnification (View menu)</title> Magnification ( View menu ) Reduce or enlarge the document view at preset percentages. To adjust magnification, choose a percentage from the Magnification submenu. Alternatively, use the Magnify tool .
<url>../html/0304_Fit_Selection.htm</url>
<title>Fit Selection (View menu)</title> Fit Selection ( View menu ) Change the view so all selected objects fit inside the document window.
<url>../html/0305_Fit_All.htm</url>
<title>Fit All (View menu)</title> Fit All ( View menu ) Change the view so all objects fit inside the document window.
<url>../html/0306_Full_Display.htm</url>
<title>Full Display (View menu)</title> Full Display ( View menu ) Display the document on screen with all colors, strokes, fills, and text attributes.
<url>../html/0307_Hide_Selection.htm</url>
<title>0306 Hide Selection / Show All</title> Hide Selection / Show All ( View menu ) Hide Selection To hide specific objects , select them and then choose View Hide Selection. Using Hide Selection hides all selected objects. Hidden objects print as if they are visible. Show All To show all hidden objects, choose View Show All. Hidden objects reappear when the file is closed and reopened. If an object was hidden, and then the layer on which the hidden object was turned off, the hidden object is shown again when the layer is turned on again. Note: Show All does not show a hidden layer.
<url>../html/0309_Hide_Edges.htm</url>
<title>Hide Edges (View menu)</title> Hide Edges ( View menu ) Hide all marquee selection lines and selection highlight lines, which trace the path edges of all selected objects in the document. When active, Modify > Hide Edges is checked. To view selection highlights while Hide Edges is checked, choose the Subselection tool . Tip: When Hide Edges is unchecked, selected objects show selection highlights without points and subselected objects show selection highlights with points. When Hide Edges is checked, this shifts so that selected objects show no selection highlights and subselected objects show only points. To show the highlight lines, choose Hide Edges again to uncheck it.
<url>../html/0310_Hide_Panels.htm</url>
<title>Hide Panels</title> Hide Panels ( View menu ) Hide all open panels. Uncheck Hide Panels to make the hidden panels visible again. Fireworks remembers which panels were open and retains their position on the screen.
<url>../html/0311_Rulers.htm</url>
<title>0308 Rulers</title> Rulers ( View menu ) Show or hide the horizontal and vertical rulers in the document window. Rulers track the cursor location using pixels as the unit of measurement. The height and width of a selected object are highlighted on the ruler when you click and drag. Zero point The default location of the zero point is the top-left corner of each page. To move the zero point, drag it to a new location on the document. To reset the zero point to the default location, double-click . Tip: Create guides by dragging them from rulers.
<url>../html/0312_Grid.htm</url>
<title>Grid (View menu)</title> Grid ( View menu ) Show or hide a non-printing grid. Choose View > Edit Grid to alter the size of the grid. Use the grid to align objects. Turn on Snap to Grid to align objects precisely to the grid.
<url>../html/0313_Grid_Options.htm</url>
<title>Grid Options</title> Grid Options( View menu ) Snap to Grid Check to Snap objects to the nearest grid coordinate as you draw. Uncheck to turn snap to grid off. Edit grid Color: Select the color for the grid lines. Show Grid: Check to turn grid lines on. Snap to Grid: Check to Snap objects to the nearest grid coordinate as you draw. : Set the distance between vertical grid lines. : Set the distance between horizontal grid lines.
<url>../html/0314_Guides.htm</url>
<title>Guides (View menu)</title> Guides ( View menu ) Show or hide non-printing lines which are used for alignment or drawing. To create a horizontal or vertical straight guide Turn rulers on. Click and drag a guide from a ruler. Position the guide and release the mouse button. Choose View > Edit Guides to alter the color of a guide, add a guide to a precise location, turn guides on or off, or turn Snap to Guides or Lock Guides on or off. Double-click a guide to display the Move Guide dialog box. Use the Move Guide dialog box to position a guide precisely.
<url>../html/0315_Slice_Guides.htm</url>
<title>Slice Guides (View menu)</title> Slice Guides ( View menu ) Show or hide slice guides, which are created automatically when slice objects are placed. Slice guides cannot be moved or edited except by editing their source slice object. For more information about slice objects, see Slicing images when exporting .
<url>../html/0316_Guide_Options.htm</url>
<title>Guide Options</title> Guide Options ( View menu ) Lock Guides Check to lock guides so that they cannot be edited or move. Select again to unlock guides. Snap to Guides Check to cause objects to snap to guides as you draw. Edit Guides Alter the color of a guide, add a guide to a precise location, turn guides on or off, or turn Snap to Guides or Lock Guides on or off. Color: Choose a color for all the guides. Show Guides: Check to display guides. Snap to Guides: Check to cause objects to snap to guides as you draw. Lock Guides: Check to lock guides so that they cannot be edited or move. Uncheck to unlock guides. Clear All: Check to delete all guides from the document. Clear All does not remove slice guides. Slice Color: Choose a color for slice object and slice guides. Show Slice Guides: Check to display slice guides.
<url>../html/0401_Hotspot.htm</url>
<title>Hotspot (Insert menu)</title> Hotspot ( Insert menu ) Insert a hotspot object . For more information about hotspot objects and their uses, see Producing web components .
<url>../html/0402_Slice.htm</url>
<title>New (File menu)</title> Slice ( Insert menu ) Insert a slice object. For more information about hotspot objects and their uses, see Producing web components .
<url>../html/0403_Behaviors.htm</url>
<title>Behaviors (View menu)</title> Behaviors ( Insert menu ) Opens the Behaviors panel . For more information on using Behaviors, see JavaScript rollovers .
<url>../html/0404_Image.htm</url>
<title>Image (Insert menu)</title> Image ( Insert menu ) Import an image into the current document.
<url>../html/0405_Empty_Image.htm</url>
<title>Create Empty Image (Edit menu)</title> Empty Image ( Insert menu ) Create an empty image object. After choosing Insert > Empty Image, a striped border appears around the document window indicating that you are in image edit mode. Use a drawing or editing tool to draw pixels, then leave image edit mode when you are done. The new image object is automatically cropped to the size of the pixels you created. For more information, see Image edit mode basics .
<url>../html/0406_Symbol.htm</url>
<title>Symbol (Insert menu)</title> Symbol ( Insert menu ) Convert a selected object into a symbol object. For more information about symbol objects, see Symbols and Instances .
<url>../html/0407_Tween_Instances.htm</url>
<title>Tween Instances (Insert menu)</title> Tween Instances ( Insert menu ) Create intermediate steps between two selected instance objects. For more information, see Symbols and instances .
<url>../html/0408_Symbol_Options.htm</url>
<title>Symbols (Edit menu)</title> Symbol Options ( Insert menu ) Use To Break Link Break the link between a symbol and its instances. Add to symbol . Add items to an existing symbol. Find symbol Find a Symbol for a selected instance. Delete instances . Delete all instances while retaining a symbol. For more information, see Symbols and instances .
<url>../html/0409_Layer.htm</url>
<title>New (File menu)</title> Layer ( Insert menu ) Insert a new layer in the Layers panel. The inserted layer is added as the top layer, behind the Web Layer. For more information, see Using Layers .
<url>../html/0410_Frame.htm</url>
<title>New (File menu)</title> Frame ( Insert menu ) Insert a new frame in the Frames panel. The frame is inserted immediately after the current frame. For more information, see Using Frames .
<url>../html/0501_Stroke.htm</url>
<title>Stroke(Modify menu)</title> Stroke ( Modify menu ) Display the Stroke panel , which controls the attributes of drawn or painted strokes. Set the stroke of the Stroke tool, Pen tool, Line tool, and basic shape tools and edit the stroke of selected objects. Use the Stroke Options pop-up to manage stroke categories and fine-tune strokes.
<url>../html/0502_Fill.htm</url>
<title>Fill (Modify menu)</title> Fill ( Modify menu ) Display the Fill panel , which controls the attributes of an object's interior area. Set the fill of an open or closed path. Use the Fill Options pop-up to manage Gradient fill categories and create new color combinations.
<url>../html/0503_Effect.htm</url>
<title>Effect panel (Modify menu)</title> Effect ( Modify menu ) Display the Effect panel , which controls the attributes of an effect applied to an object. Effect categories include: Multiple Effects, Inner Bevel, Outer Bevel, Emboss, Drop Shadow, or Glow. Use the Effect Options pop-up to save, rename, and delete an effect. For more information about applying effects, see Applying effects to objects .
<url>../html/0504_Image_Object.htm</url>
<title>Image Object (Modify menu)</title> Image Object ( Modify menu ) Switch to image edit mode to edit the pixels of a selected image object. A striped border around the document indicates image edit mode. To exit image edit mode: Move the cursor at least 100 pixels away from the image and click when the stop cursor appears. Click the Stop button on the bottom of the document window. Choose Modify > Exit Image Edit . Choose a new layer or frame . Note: Hiding the current layer in image edit mode also exits image edit mode.
<url>../html/0505_Exit_Image_Edit.htm</url>
<title>Exit Image Edit (Modify menu)</title> Exit Image Edit ( Modify menu ) Leave image edit mode and return to object mode.
<url>../html/0506_Document.htm</url>
<title>Document (Modify menu)</title> Document ( Modify menu ) Change attributes of the overall document. Image Size Resize the current document. Note: Resizing a document may result in a loss of quality. For more information about resizing and resampling, see Controlling document size and resolution . Canvas Size Open the Canvas Size dialog box to change the size and dimensions of the active Fireworks document. Reducing the size of an existing image causes some portions to be discarded. Anchor Click an anchor to determine where pixels are added to or subtracted from the canvas . For example, increasing the horizontal dimension by 25, increasing the vertical dimension by 50, and clicking the top-left anchor button adds 25 pixels to the right side of the canvas and 50 pixels to the bottom. Canvas Color Open the Change Canvas Color dialog box to change the background color. White: Use a white canvas. Transparent: Use a transparent canvas. Custom: Click the Custom color well, then choose a canvas color from the Windows Color dialog box. Trim Canvas Automatically remove empty rows or columns of pixels from the edges of the document.
<url>../html/0507_Edge.htm</url>
<title>Edge (Modify menu)</title> Edge ( Modify menu ) Change the fill edges of one or more selected objects (regardless of each object's fill type) with a single command. Choosing an Edge command is the same as setting the Edge option in the Fill panel. Hard-Edge (Edge submenu) The edges of selected objects are hard-edged. Anti-Alias (Edge submenu) The edges of selected objects are anti-aliased . Feather (Edge submenu) The edges of selected objects are feathered , with the amount of feather set at 10. Note: To adjust feather amount, use the pop-up slider on the Fill panel.
<url>../html/0508_Free_Transform.htm</url>
<title>Free Transform (Modify menu)</title> Free Transform (Modify menu) Display handles around the selected object to allow manual transformations, such as moving, scaling, or rotating.
<url>../html/0509_Transform.htm</url>
<title>Transform (Modify menu)</title> Transform ( Modify menu ) Use one of these commands to change objects. Scale (Transform submenu) Reduce or enlarge selected objects. Skew (Transform submenu) Slant an object at an oblique angle. Distort (Transform submenu) Reshape objects using one of eight distortion handles. Numeric Transform (Transform submenu) Open the Numeric Transform dialog box. Choose the type of transformation from the pop-up. Enter numeric values to scale by percentage, resize by pixels, or rotate by angle. Rotate 180 degrees (Transform submenu) Rotate a selected object 180 degrees, turning it upside down. Rotate 90 degrees CW (Transform submenu) Rotate a selected object 90 degrees in a clockwise direction. Rotate 90 degrees CCW (Transform submenu) Rotate a selected object 90 degrees in a counterclockwise direction. Flip Horizontal (Transform submenu) Flip a selected object horizontally. Flip Vertical (Transform submenu) Flip a selected object vertically. Remove Transformations (Transform submenu) Return all transformations from a text block.
<url>../html/0510_Arrange.htm</url>
<title>Arrange (Modify menu)</title> Arrange ( Modify menu ) Use any of four commands on the Arrange submenu to move objects within a selected layer. To move an object Use To the front of a layer Bring to Front. In front of the object just ahead of it Bring Forward. In back of the object just behind it Send Backward. To the back of a layer Send to Back. When the selected object is a group, objects within the group keep the same stacking order in relation to each other when the group is moved.
<url>../html/0511_Align.htm</url>
<title>Align (Modify menu)</title> Align ( Modify menu ) Set vertical and horizontal alignment for selected objects. Left (Align submenu) Align selected objects to the left edge of the leftmost object. Center Vertical (Align submenu) Align selected objects to the vertical center of all objects. Right (Align submenu) Align selected objects to the right edge of the rightmost object. Top (Align submenu) Align selected objects to the top edge of the highest object. Center Horizontal (Align submenu) Align selected objects to the vertical center of all objects. Bottom (Align submenu) Align selected objects to the bottom edge of the lowest object. Distribute Widths (Align submenu) Create an equal amount of space between the facing edges of objects, divided between the right edge of the leftmost and left edge of the rightmost objects. Distribute Heights (Align submenu) Create an equal amount of space between the facing edges of objects, divided between the bottom edge of the highest and top edge of the lowest objects.
<url>../html/0512_Join.htm</url>
<title>Join (Modify menu)</title> Join ( Modify menu ) Link two or more paths or connect two endpoints. Use Join to: Join the closest two points of two or more paths. Join two or more open paths to make one continuous path. Join two or more closed paths to make a composite path.
<url>../html/0513_Split.htm</url>
<title>Split (Modify menu)</title> Split ( Modify menu ) Split an object into smaller or component paths. Use Split to: Convert a composite path into individual paths. Open a closed path at a selected point. Split one or more paths at selected points. When you split a closed path, it becomes one or more open paths, and any fill applied becomes invisible until these paths are closed.
<url>../html/0514_Combine.htm</url>
<title>Combine (Modify menu)</title> Combine ( Modify menu ) Use Combine commands to merge paths together, creating more complex paths. Combine commands are: Union Intersect Punch Crop
<url>../html/0514a_Union.htm</url>
<title>Union (Modify Combine menu)</title> Union ( Modify > Combine menu ) Combine two or more closed paths into a single path enclosing the entire area of the original paths. Stroke and fill attributes of the back object are applied to the resulting path.
<url>../html/0514b_Intersect.htm</url>
<title>Intersect (Modify Combine menu)</title> Intersect ( Modify > Combine menu ) Create a path enclosing the area common to all selected, closed paths. Stroke and fill attributes of the back object are applied to the resulting path.
<url>../html/0514c_Punch.htm</url>
<title>Punch (Modify Combine menu)</title> Punch ( Modify > Combine menu ) Remove portions of selected, closed paths below the frontmost, closed path. Stroke and fill attributes remain unchanged.
<url>../html/0514d_Crop.htm</url>
<title>Crop Selected Image (Edit menu)</title> Crop ( Edit menu ) Crop a selected image object in object mode using an adjustable rectangle, or marquee. To crop an image object: Select the image object. Choose Edit > Crop Selected Image. A crop marquee, the size of the object's bounding box, appears. Position the crop marquee to frame the part of the object to remain after the crop. Pull the crop marquee handles to resize it. Click and hold inside the crop marquee to move it. Double-click inside the crop marquee to crop the image. Note: Cropping an image object is a destructive command that discards pixels outside the crop marquee.
<url>../html/0515_Alter_Path.htm</url>
<title>Alter Path (Modify menu)</title> Alter Path ( Modify menu ) Use Alter Path commands to change the shape or structure of paths. Alter Path commands are: Simplify Expand Stroke Inset Path
<url>../html/0515a_Simplify.htm</url>
<title>Simplify (Modify Alter Path menu)</title> Simplify ( Modify > Alter Path menu ) Remove points from a path while maintaining the same overall shape.
<url>../html/0515b_Expand_Stroke.htm</url>
<title>Expand Stroke (Modify Alter Path menu)</title> Expand Stroke ( Modify > Alter Path menu ) Convert the perimeter of the stroke of the selected path into a closed path.
<url>../html/0515c_Inset_Path.htm</url>
<title>Inset Path (Modify Alter Path menu)</title> Inset Path ( Modify > Alter Path menu ) Expand or contract one or more closed paths by a specified amount.
<url>../html/0516_Merge_Images.htm</url>
<title>Merge Images (Select menu)</title> Merge Images ( Modify menu ) Convert one or more selected objects into a single image object .
<url>../html/0517_Merge_Layers.htm</url>
<title>Merge Layers (Modify menu)</title> Merge Layers ( Modify menu ) Merge all objects on all visible layers onto the bottom layer of the current frame. Hidden layers are discarded, and the final image contains only the single pixelated layer. A merged document is editable only as a pixelated image. Text and vector editing of flattened objects is impossible. This function is often referred to as "flatten" in other bitmap editing applications. Note: Exporting a file to an image format such as JPEG or GIF flattens and pixelates the layers of a Fireworks file, so choosing Modify > Merge Layers is typically not an essential step toward exporting an image.
<url>../html/0518_Group.htm</url>
<title>Group (Modify menu)</title> Group ( Modify menu ) Freezes two or more selected objects or path points in relation to one another. When modifying groups, they act as a single unit, while each object within the group retains its individual attributes. Grouped objects transform (move, rotate, scale, skew, and reflect) and resize as a unit. Objects created with the Rectangle and Ellipse tools are grouped by default. Objects within a groupcan have different stroke and fill attributes. Different types of objects, such as paths and images, may be grouped together. Selecting an object within a group Hold down Alt (Windows) or Option (Macintosh) and click to select an object within a group (up to eight nested levels). Grouping objects across layers When you group objects from different layers , all objects in the group move to the active layer. This option is also available on the Modify toolbar.
<url>../html/0519_Mask_Group.htm</url>
<title>Mask Group (Modify menu)</title> Mask Group ( Modify menu ) Create a mask group from selected objects. A mask group has two primary uses: Cropping an image to the shape of another object. Pasting an object inside another object, so that the top object continues to be visible. This is known as a paste inside or clipping path in FreeHand. Filtering an object through another object's alpha channel. When objects are grouped choosing Modify > Mask Group, the top object's grayscale values are used to mask the underlying object. This is the equivalent of applying an alpha channel in Photoshop. A typical application of a mask is to use the top image to define gradient transparency for the bottom object. For more information about masking and mask groups, see Masking .
<url>../html/0520_Ungroup.htm</url>
<title>Ungroup (Modify menu)</title> Ungroup ( Modify menu ) Separate a group into individual objects. Ungrouped objects can be individually modified. Ungroup objects created with the Rectangle and Ellipse tools to modify their path points . This option is also available on the Modify toolbar.
<url>../html/0601_Font.htm</url>
<title>Font (Text menu)</title> Font ( Text menu ) Display a submenu of fonts applicable to selected text or to a selected text block. A checkmark indicates the font applied to the selected text. If no text is selected, the default font is checked on the submenu. If no name is checked on the submenu, either more than one font is applied to the selection or the font used in the selection is not installed.
<url>../html/0602_Size.htm</url>
<title>Size (Text menu)</title> Size ( Text menu ) Display a submenu of type sizes. A checkmark indicates the type size applied to the selected text. If no text is selected, the default type size is checked on the submenu. If no size is checked on the submenu, either more than one size is applied to the selection or the size used in the selection is not listed on the menu. Use the Text Inspector to view and change text sizes not listed in the submenu. To change the type size: Select a text block. Choose Text > Size and choose a point size. If necessary, adjust the text block using the Pointer tool .
<url>../html/0603_Style.htm</url>
<title>Style (Text menu)</title> Style ( Text menu ) Display a submenu with the following type styles: Plain, Bold, and Italic. A checkmark indicates the type style applied to the selected text. When no text is selected, a checkmark indicates the default type style. Available type styles depend on the selected font. Type styles not available for a particular font appear grayed out and cannot be selected. Plain (Style submenu) Changes to a plain (Roman) text style. Bold (Style submenu) Changes to a boldface text style. Italic (Style submenu) Changes to an oblique (slanted) text style.
<url>../html/0604_Align.htm</url>
<title>Align (Text menu)</title> Align ( Text menu ) Choose to align text in relation to the text block. The following text alignments apply to horizontally flowing text: Left Align the left side of a column of text to the left edge Right Align the right side of a column of text to the right edge. Center Center text in the current column. Justified Align text to the right and left sides of a column, adjusting spacing between words. Stretched Force text to justify horizontally. The following text alignments apply to vertically flowing text: Top Align text to the top of a text container. Center Align text to the center of a text container. Bottom Align text to the bottom of a text container. Justified Align text to the top and bottom of a column, adjusting spacing between lines. Stretched Force text to justify vertically.
<url>../html/0605_Text_Editor.htm</url>
<title>Editor (Text menu)</title> Editor ( Text menu ) Open the Text Editor to type and edit text. Tip: Double-clicking a text block in object mode also opens the Text Editor. To create a new text block, choose the Text tool , and then click anywhere on the file, including the area beyond the canvas.
<url>../html/0606_Attach_to_path.htm</url>
<title>Attach to path (Text menu)</title> Attach to Path ( Text menu ) Attach a selected text block to a selected path. When attaching text to an open path, text beyond the path returns to the next line and repeats the shape and length of the path through to the end of the text. When attaching text to a closed path, text beyond the path is truncated but not discarded. To attach text to a path: Hold shift as you select the text block and the path. Choose Text > Attach to Path. To attach text to the inside of a path: Double-click the text block to open the Text Editor. Type a negative value in the baseline shift field or use the pop-up slider. Click OK. Shift-select the text block and the path. Choose Text > Attach to Path. To attach vertical text to a path: Double-click the text block to open the Text Editor. Click the vertical text button. Click OK. Shift-select the text block and the path. Choose Text > Attach to Path. Note: Attach to Path does not work with joined paths. If text attaches to a path from the endpoint opposite from the intended endpoint, choose Text > Reverse Direction to reverse the text direction.
<url>../html/0607_Detach_from_Path.htm</url>
<title>Detach from Path (Text menu)</title> Detach from Path ( Text menu ) Separate text from a path when text is attached to the path. Detaching text from a path results in two individual objects: the text block and the path. Detaching text from a path returns the text to its original form, restoring truncated text. Any transformations are removed.
<url>../html/0608_Orientation.htm</url>
<title>Text Orientation (Text menu)</title> Orientation ( Text menu ) Rotate Around Path (Default) Orient attached text so that the bottom of each letter is closest to the path. Vertical Place text attached to a path so that the side of each letter is nearest the path. For example, if a path were a vertical line with text attached to it, choosing Text > Orientation > Vertical would create a vertical text effect, with each letterÆs bottom matched with the next letterÆs top. Skew Vertical Skew attached text vertically so that each letter leans in relation to the path. Skew Horizontal Skew attached text to appear jumbled relative to the path.
<url>../html/0609_Reverse_Direction.htm</url>
<title>Reverse Direction (Text menu)</title> Reverse Direction ( Text menu ) Reverse the direction of text attached to a path.
<url>../html/0610_Convert_to_paths.htm</url>
<title>Convert to paths (Text menu)</title> Convert to Paths ( Text menu ) Change selected text into editable vector objects. Converting text to paths makes each character a single path or composite path. Initially, all newly converted paths are grouped as a single object. Choose Modify > Ungroup to edit individual words or letters within the text group. Letters with more than one component, such as the letter i, convert to composite paths. Letters with enclosed spaces, such as the letter O, convert to composite paths with transparent holes. Paths converted from text no longer have text attributes such as font, type size, and type style. Note: Paths are not convertible to text. To restore text converted to paths, choose Edit > Undo repeatedly to undo the Convert to Paths command if you have not closed and reopened the document. If the number of undoÆs is not sufficient to reverse the conversion and you have not saved the document since converting to paths, choose File > Revert . This restores the text to an editable form, but all other unsaved changes are lost.
<url>../html/0701_Repeat.htm</url>
<title>Repeat (Xtra menu)</title> Repeat Xtra ( Xtra menu ) Repeats the most recently applied Xtra.
<url>../html/0702_Blur.htm</url>
<title>Blur (Xtra menu)</title> Blur ( Xtra menu ) Choose from the following xtras to blur the pixels of one or more selected image objects: Blur Blur More Gaussian Blur
<url>../html/0702a_Blur.htm</url>
<title>Blur (Xtra menu)</title> Blur ( Xtra menu ) Blur the pixels of one or more selected image objects. The effect concentrates mainly near the outer edges of the objects. Blur, Blur More, and Gaussian Blur are image filters. The changes these filters bring to an image are irreversible, except when Undo is available. Choosing Blur automatically converts each selected path to an image with its own bounding box.
<url>../html/0702b_Blur_More.htm</url>
<title>Blur More (Xtra menu)</title> Blur More ( Xtra menu ) Blur the pixels of one or more selected image objects. The effect disperses across about three times the radius of the Blur Xtra. Blur, Blur More, and Gaussian Blur are image filters. The changes these filters bring to an image are irreversible, except when Undo is available. Choosing Blur More when one or more paths are selected automatically converts each selected path to an image with its own bounding box.
<url>../html/0702c_Gaussian_Blur.htm</url>
<title>Gaussian Blur (Xtra menu)</title> Gaussian Blur ( Xtra menu ) Blur the pixels of one or more selected image objects. The effect applies a weighted average of blur to each pixel by an adjustable amount to produce a haze effect. Choosing Blur More when one or more paths are selected automatically converts each selected path to an image with its own bounding box. Choosing Gaussian Blur opens the Gaussian Blur dialog box. Closing a Gaussian Blur dialog box opens the next selected objectÆs dialog box, until the dialog boxes of all selected objects are closed. These options appear on the Gaussian Blur dialog box: Preview area : Preview the effects of the current Gaussian Blur settings on the selected image. Hand tool : Drag to move the image in the preview. + : Click to zoom in on the preview image. - : Click to zoom out on the preview image. Radius slider : Move the slider to select a blur radius from 0.1 to 250, where an increase in radius results in a stronger blur effect. Radius field : Enter a number from 0.1 to 250 where an increase in radius results in a stronger blur effect. Preview Checkbox : Check to auto-apply each radius entry or slider movement. Blur, Blur More, and Gaussian Blur are image filters. The changes these filters bring to an image are irreversible, except when Undo is available. Note: Fireworks bases the Gaussian Blur effect on a weighted average depicted by a Gaussian curve. This curve is also known as the normal curve, a bell-shaped curve that plots the normal distribution, which is a statistical probability density function.
<url>../html/0703_Invert.htm</url>
<title>Invert (Xtra menu)</title> Invert ( Xtra menu ) Change each color in one or more selected objects to its mathematical inverse. Choosing Blur More when one or more paths are selected automatically converts each selected path to an image with its own bounding box. To return an image to its original colors, choose Xtras > Invert again. For example, applying Invert to an image with a solid red (R: 255; G: 0; B: 0) brush stroke would change the brush stroke to light blue (R:0; G: 255; B: 255). Choosing Invert when one or more paths are selected automatically converts each selected path to an image with its own bounding box.
<url>../html/0704_Other.htm</url>
<title>Other (Xtras menu)</title> Other ( Xtra menu ) Choose from the following xtras: Convert to Alpha Find edges
<url>../html/0704a_Convert_to_Alpha.htm</url>
<title>0707 Convert to Alpha</title> Convert to Alpha ( Xtra ) Convert an object into a grayscale image object with transparency to use as an alpha mask. Place the converted object over other objects, such as text or photographs, to mask them. Apply a Gradient fill to the object before converting it to create a fade effect. To create a text fade and place it on an image: Import or create an image. Create a text block. The text in the example is attached to a path. Create an object with a Gradient fill and a white-to-black or black-to-white Gradient fill type. Select the Gradient-filled object and choose Xtras > Convert to Alpha. The object is now an alpha transparency. With the object selected, hold down Shift and add the text block to the selection. Choose Modify > Mask Group. The object and text block are now a mask group. Place the mask group on top of the image,
<url>../html/0704b_Find_Edges.htm</url>
<title>Find Edges (Xtra menu)</title> Find Edges ( Xtra menu ) Identify the parts of an image that are transitions, particularly the edges. Use Find Edges to create a border.
<url>../html/0705_Sharpen.htm</url>
<title>Sharpen (Xtra menu)</title> Sharpen ( Xtra menu ) Choose from the following xtras: Sharpen Sharpen More Unsharp Mask
<url>../html/0705a_Sharpen.htm</url>
<title>Sharpen (Xtra menu)</title> Sharpen ( Xtra menu ) Sharpen the focus of one or more selected blurred images by increasing the contrast of adjacent pixels.
<url>../html/0705b_Sharpen_More.htm</url>
<title>Sharpen More (Xtra menu)</title> Sharpen More ( Xtra menu ) Sharpen the focus of one or more selected blurred images by increasing the contrast of adjacent pixels. Sharpen More increases the contrast of adjacent pixels more than Sharpen does.
<url>../html/0705c_Unsharp_Mask.htm</url>
<title>Unsharp Mask (Xtra menu)</title> Unsharp Mask ( Xtra menu ) Sharpen an image by adjusting the edge detail contrast. These options appear on the Unsharp Mask dialog box: Preview area: Preview the effects of the current Unsharp Mask settings on the selected image. Hand tool: Drag to move the image in the preview. +: Click to zoom in on the preview image. -: Click to zoom out on the preview image. Sharpen Amount slider: Move the slider to select the amount of the sharpening effect from 1 to 500 percent. Sharpen Amount field: Enter a number from 1 to 500, where an increase in amount results in greater sharpening effect. Pixel Radius slider: Move the slider to select a radius from 0.1 to 250, where an increase in radius results in a greater area of sharp contrast surrounding each pixel edge. Pixel Radius field: Enter a number from 0.1 to 250 where an increase in radius results in a results in a greater area of sharp contrast surrounding each pixel edge. Threshold slider: Move the slider to select a threshold from 0 to 255, where an increase in threshold results in a higher threshold below which lower-contrast areas will not be affected. Threshold field: Enter a number from 0 to 255, where an increase in threshold results in a higher threshold below which lower-contrast areas will not be affected. Preview Checkbox: Check to auto-apply each entry or slider movement.
<url>../html/0801_Window_menu.htm</url>
<title>Window menu</title> Window menu New Window Open a duplicate of the current file window. Toolbox Display or hide the Toolbox . Object Display or hide the Object inspector . Stroke Display or hide the Stroke panel . Fill Display or hide the Fill panel . Effect Display or hide the Effect panel . Info Display or hide the Info panel . Tool Options Display or hide the Tool Options panel . Styles Display or hide the Styles panel . Color Mixer Display or hide the Color Mixer . Swatches Display or hide the Swatches panel . Layers Display or hide the Layers panel . Frames Display or hide the Frames panel . Behaviors Display or hide the Behaviors inspector . URLs Manager Display or hide the URLs Manager . Find & Replace Display or hide the Find & Replace panel . Project Log Display or hide the Project Log panel .
<url>../html/1000_Toolbox.htm</url>
<title>Toolbox</title> Toolbox The Toolbox contains 32 tools, some of which are contained in tool groups, as shown. To display a tool group, press and hold any tool with a triangle in the lower-right corner. Click an alternate tool to choose it from the tool group. Pressing letter keys switches quickly between tools. Press the letter key shown in the following chart to choose a tool. Use this tool To Activate by pressing Pointer Select and drag objects. v or 0 (zero) Select Behind Select objects behind other objects. v or 0 (zero) Crop Discard or add canvas area. c Export Area Export a portion of a document. j Subselect Select an object within a group or points on a path. a or 1 Marquee Select a rectangular pixel area in image edit mode. m Ellipse Marquee Select an elliptical pixel area in image edit mode. m Lasso Select a freeform pixel area in image edit mode. l Polygon Lasso Select a polygonal pixel area in image edit mode. l Magic Wand Select pixel areas of similar color in image edit mode. w Hand Pan the view of the document. spacebar or h Magnify Change view magnification (zoom in or zoom out). z Line Draw straight lines. n Pen Draw paths by anchoring points. p Rectangle Draw rectangles, rounded rectangles, and squares. r Ellipse Draw ellipses and circles. r Polygon Draw polygons and stars. g Text Create text blocks. t Pencil Draw one-pixel pencil strokes. y Brush Draw brush strokes using Stroke panel settings. b Redraw Path Redraw portions of a selected path. b Scale Resize and rotate objects. q Skew Slant and rotate objects, and change perspective. q Distort Distort and rotate objects. q Freeform Pull a path segment or push a path segment using a resizable cursor. f Reshape Area Reshape a selected path within the area of the resizable cursor. f Path Scrubber (+) Increase stroke characteristics controlled by pressure or speed. u Path Scrubber (û) Decrease stroke characteristics controlled by pressure or speed. u Eyedropper Sample a color and apply it to the active color well. I Paint Bucket Fill objects with color, gradients, or patterns and adjust fills with Paint Bucket handles. k Eraser Remove or replace portions of image objects and cut paths. e Rubber Stamp Clone portions of an image object. s Rectangle Hotspot Draw URL hotspots in the shape of rectangles or squares. Circle Hotspot Draw URL hotspots in the shape of circles. Polygon Hotspot Draw URL hotspots in the shape of irregular polygons. Slice Create rectangular slice objects.
<url>../html/1001_Pointer_tool.htm</url>
<title>Pointer tool</title> Pointer tool Select, move, or resize objects. Click an object to select it. A path highlight is displayed on selected objects. Pointer tool Pointer tool group on the Toolbox Selecting objects To select Do this Objects, paths, or points within a group Alt-click (Windows) Option-click (Macintosh) Objects, paths, or points behind another object Control-click (Windows) Command-click (Macintosh) Multiple objects or points Shift-click Multiple objects or points Click and drag a selection area Moving objects To Do this Move objects, paths, or points Click and drag Constrain movement to 45 or 90 degrees Shift-click and drag Constrain curve handle movement to original angle Alt-Shift-click and drag (Windows) Option-Shift-click and drag (Macintosh) Resizing objects To Do this Resize object Click and drag a point or handle or Double-click and use transform handles Resize an ellipse to a circle Shift-click and drag Resize a rectangle to a square Shift-click and drag Maintain ratio of group or text Shift-click and drag Resize object from center Alt-click and drag Pointer tool options Mouse Highlight: Check to automatically highlight selectable objects under the Pointer tool. Preview Drag: Check to see a preview of objects as they are moved, not just a bounding box.
<url>../html/1002_Select_Behind.htm</url>
<title>Select Behind</title> Select Behind Select recursively through object layers and groups. Select Behind tool Select Behind tool group on the Toolbox To Do this Select recursively through a stack of layered objects Click repeatedly with the Select Behind tool. Progressively subselect objects within a group Alt-click (Windows) or Option-click (Macintosh) with the Select Behind tool. Temporarily switch to the Select Behind behavior Control-MouseButton2-click with any tool. (Windows) Temporarily switch to the subselect behavior Control-Alt-MouseButton2-click with any tool.(Windows) Select Behind tool options Mouse Highlight: Check to automatically highlight selectable objects under the Select Behind tool. Preview Drag: Check to see a preview of objects as they are moved, not just a bounding box.
<url>../html/1003_Crop_tool.htm</url>
<title>Crop tool</title> Crop tool Crop a document or image object to a specific size. Crop tool Crop tool group on the Toolbox Click and drag with the crop tool to define a crop rectangle. Shift-drag to constrain to a square, Alt-drag (Windows) or Option-drag (Macintosh) to define a crop area from the center. Resize the crop area prior to cropping by using the crop marquee handles. To Do this Cancel a crop area without cropping Double-click outside the crop marquee, or Press the Esc key, or Type Control-period, or Click any other tool in the Toolbox. Complete the Crop command Double-click inside the crop marquee Crop tool options Crop button: Click to crop the area outside the marquee.
<url>../html/1004_Export_Area_tool.htm</url>
<title>Export Area tool</title> Export Area tool Export a selected area of your document. Export Area tool Export Area tool group on the Toolbox To export a portion of a document: Choose the Export Area tool from the Toolbox. Click and drag a marquee over the portion of the document to export. When you release the mouse button, the export area remains highlighted by a marquee. Drag any of eight marquee handles to resize the export area. Hold down Shift while dragging to resize the export area marquee proportionally. Hold down Alt while dragging to resize the marquee from the center. Hold down Alt-Shift while dragging to constrain the proportions and resize from the center. Double-click inside the export area marquee or click the Export button on the Tool Options panel to open the Export Preview. The Export Preview displays the area defined by the export area marquee. Adjust settings in the Export Preview and click Export. In the Save as dialog box, type a file name and choose a destination folder, then click Save. To cancel without exporting, double-click outside the export area marquee, press Esc, or select another tool. Export Area tool options Export button: Click to open the Export Preview.
<url>../html/1005_Subselection_tool.htm</url>
<title>Subselection tool</title> Subselection tool Select components within an object, or objects within a group. Subselection tool Use the Subselection tool to: Select an individual item from within a group of items. Modify a component of a composite path. Subselection tool options Mouse Highlight: Check to automatically highlight selectable objects under the Subselection tool. Preview Drag: Check to see a preview of objects as they are moved, not just a bounding box.
<url>../html/1006_Marquee_tool.htm</url>
<title>Marquee tool</title> Marquee tools Select portions of an image object in image edit mode. Rectangle Marquee tool Elliptical Marquee tool group on the Toolbox Marquee tool Select a rectangular region of an image object. Constrain the rectangular Marquee tool to a square by holding the Shift key while dragging. Elliptical Marquee tool Select an elliptical region of an image object. Constrain the Elliptical Marquee tool to a circle by holding the Shift key while dragging. Marquee tool options Marquee type pop-up: Select Normal, Fixed Ratio, or Fixed Size Normal: Marquee height and width are independent of one another. Fixed Ratio: Constrain height and width to defined ratios of one another. Fixed Size: Set marquee dimensions. Edge type pop-up: Select Hard Edge, Anti-Alias, or Feather. Use the pop-up slider to adjust Feather amount.
<url>../html/1007_Lasso_tool.htm</url>
<title>Lasso tool</title> Lasso tool Select a freeform region of an image object in image edit mode. Lasso tool Lasso tool group on the Toolbox Lasso tool options Edge type pop-up: Select Hard Edge, Anti-Alias, or Feather. Use the pop-up slider to adjust Feather amount.
<url>../html/1008_Pencil_tool.htm</url>
<title>Pencil tool</title> Pencil tool Create and modify image objects by creating individual pixels. Pencil tool The Pencil tool creates individual pixels and draws one-pixel wide lines. Pixel color is defined by the currently selected stroke color. Pencil tool options Anti-Aliased: Check to automatically anti-alias paths. Auto Erase: Check to create the effect of erasing paths and points.
<url>../html/1009_Polygon_Lasso_tool.htm</url>
<title>1008 Polygon Lasso tool</title> Polygon Lasso tool Select a straight-edged freeform region of an image object in image edit mode. Polygon Lasso tool Polygon Lasso tool group on the Toolbox Polygon Lasso tool options Edge type pop-up : Select Hard Edge, Anti-Alias, or Feather. Use the pop-up slider to adjust Feather amount.
<url>../html/1010_Magic_Wand_tool.htm</url>
<title>Magic Wand tool</title> Magic Wand tool Select area of continuous color within an image object using the Magic Wand tool. Magic Wand tool Magic Wand tool group on the Toolbox The area of color selected is defined by the color of the pixels under the Magic Wand tool when clicked and the tolerance settings in the Magic Wand tool options panel. To Do this Make the Magic Wand tool active Enter the image edit mode Set the Magic Wand tool's tolerance Double-click the Magic Wand tool icon to open the Magic Wand tools options panel Add a region to the currently-selected region Shift-click the Magic Wand tool Subtract a region from the currently selected region Alt-click (Windows) or Option-click (Macintosh) the Magic Wand tool Select a region that is the intersection of the currently-selected region and a subsequent selection. Shift-Alt-click (Windows) or Shift-Alt-click (Macintosh) the Magic Wand tool Magic Wand tool options Tolerance : Set color sensitivity on a scale from 0 to 255. Edge type pop-up : Select hard edge, anti-alias, or feather. Use the pop-up slider to adjust Feather amount.
<url>../html/1011_Magnification_tool.htm</url>
<title>Magnification tool</title> Magnify tool Magnify objects using the Magnify tool. Choose from 11 magnification settings ranging from 6% to 6,400%. Magnify tool To Do this Enlarge a selected region to fit the active window Click and drag with the Magnify tool. Reduce a selected region Alt-click (Windows) or Option-click (Macintosh) and drag. Enlarge the current document to the next higher magnification setting Click with the Magnify tool or, Select View > Zoom In or, Press Control-+. Reduce the current document to the next lower magnification setting Alt-click (Windows) or Option-click (Macintosh) the Magnification tool or, Select View > Zoom Out or, Press Control- - (minus). Select a specific magnification setting for the current document Choose a specific magnification setting from the Magnification pop-up.
<url>../html/1012_Pan_tool.htm</url>
<title>Pan tool</title> Pan tool Pan the view of the document within the active image window. Pan tool Tip: Hold down the space bar to temporarily switch to the Pan tool.
<url>../html/1013_Line_tool.htm</url>
<title>Line tool</title> Line tool Create straight line segments by clicking and dragging. Line tool The Line tool creates object lines that can be later altered by subselecting and moving one or both endpoints. Hold down Shift while dragging the Line tool to constrain line angles to 45 degree increments.
<url>../html/1014_Pen_tool.htm</url>
<title>1013 Pen tool</title> Pen tool Create straight or curved line segments by placing points. Pen tool The Pen tool creates object lines that can be altered by subselecting and modifying one or more control points. Clicking with the Pen tool produces an end point. Clicking and dragging with the Pen tool produces a corner point. This Pen tool cursor Indicates The next Pen tool click will begin a new path. The next Pen tool click will close a path. The next Pen tool click will insert points on the selected path. The next Pen tool click will retract point handles. To Do this Extend a path Select the endpoint of the path and click with the Pen tool to place another point on that path. End an existing path so that the next Pen tool click begins a new path Double-click an endpoint of the current path. Retract point handles Select a point with the Subselection tool and double-click it with the Pen tool. Extend point handles from a point Click a point with the Pen tool and drag away. Constrain a point handle to a 45-degree angle Hold Shift while dragging the point handle. Move a point rather than edit its handles Hold down Control (Windows) or Command (Macintosh) while dragging a point handle. Change a curve point to a corner point Hold Alt (Windows) or Option (Macintosh) while dragging a point handle. Delete selected points on a path Select desired points with the subselection tool and press Backspace or Delete.
<url>../html/1015_Rectangle_tool.htm</url>
<title>Rectangle tool</title> Rectangle tool Draw rectangular path objects. Rectangle tool Rectangle tool group on the Toolbox Constrain the Rectangle tool to a square by holding the Shift key while dragging. Draw a rectangle from the center by holding Alt (Windows) or Option (Macintosh) while dragging. Combine the two modifier keys while dragging to draw a square from its center. Rectangle tool options Corner radius: Set the corner radius in percentage.
<url>../html/1016_Ellipse_tool.htm</url>
<title>Ellipse tool</title> Ellipse tool Draw elliptical path objects. Ellipse tool Ellipse tool group on the Toolbox Constrain the Ellipse tool to a circle by holding the Shift key while dragging. Draw an ellipse from the center by holding Alt (Windows) or Option (Macintosh) while dragging. Combine the two modifier keys while dragging to draw a circle from its center.
<url>../html/1017_Polygon_tool.htm</url>
<title>Polygon tool</title> Polygon tool Draw stars and polygons using the Polygon tool. Polygon tool Polygon tool group on the Toolbox Create stars with 3 to 25 points. Create polygons with 3 to 25 sides. Use the Polygon Tool Options panel to control the type of shape (polygon or star) and the number of points or sides. Use the Angle pop-up slider to control the angle of the star points, or check Automatic to create a preset star shape. To Do this Set the number of sides for polygons and stars Double-click the Polygon tool to activate the Polygon Tool Options panel, choose either Polygon or Star from the polygon pop-up, and select the number of sides using the Sides slider. Set the angle of star points Choose a value from the Angle slider or choose Automatic to select a preset star shape. Polygon tool options Polygon type pop-up: Choose Polygon or Star. Sides: Set the number of sides, from 3 to 25. Angle (Star only): Enter 1 to 100 to manually set the angle of the star's points, or check Automatic to have Fireworks set the angle automatically.
<url>../html/1018_Text_tool.htm</url>
<title>Text tool</title> Text tool Activate the Text Editor to create and edit text. Text tool Text in Fireworks is fully editable, all the time. Clicking or clicking and dragging with the Text tool opens the Text Editor. Use the Text Editor to create and edit text. Text tool options Revert to pointer: Check to automatically switch to Pointer tool when the text dialog box closes.
<url>../html/1019_Brush_tool.htm</url>
<title>Brush tool</title> Brush tool Create path objects by drawing strokes. Brush tool The Brush tool creates path objects having stroke characteristics as defined in the Stroke panel. Path objects are moved using the Selection tool and altered using the Subselection tool.
<url>../html/1020_Redraw_Path_tool.htm</url>
<title>Redraw Path tool</title> Redraw Path tool Alter portions of an existing path object. Redraw Path tool Redraw Path tool group on the Toolbox Redraw a portion of a selected path object to alter the path. Redrawn portions duplicate the stroke attributes of the original path.
<url>../html/1021_Distort_tool.htm</url>
<title>Distort tool</title> Distort tool Reshape image and path objects. Distort tool Distort tool group on the Toolbox Choose the Distort tool with an image or path object selected to activate distortion handles. Distort image by altering side or corner distortion handles. Modify > Undo or Control-Z (Windows) or Command-Z (Macintosh) reverts object to its original state. Distort tool options Transform button: Click to distort the selected object. Scale attributes: Click to resize the fill patterns and stroke size of an object when it is resized. Auto-crop Images: Check to automatically apply crop transparent rows and columns off of skewe image objects.
<url>../html/1022_Scale_tool.htm</url>
<title>Scale tool</title> Scale tool Resize image and path objects. Scale tool Scale tool group on the Toolbox Choose the Scale tool with an image or path object selected to activate resize handles. Choose Modify > Undo or press Control-Z (Windows) or Command-Z (Macintosh) to revert an object to its original state. This cursor Indicates Clicking and dragging will move the selected image. Clicking and dragging will resize the selected object along the horizontal axis. Clicking and dragging will resize the selected object along the vertical axis. Clicking and dragging will move the centerpoint. Scale tool options Transform button: Click to scale selected object. Scale attributes: Click to resize the fill patterns and stroke size of an object when it is resized. Auto-crop Images: Check to automatically apply crop transparent rows and columns off of skewe image objects.
<url>../html/1023_Skew_tool.htm</url>
<title>Skew tool</title> Skew tool Skew image and path objects. Skew tool Skew tool group on the Toolbox Choose the Skew tool with an image or path object selected to activate skew handles. Move side handles to skew along a single axis. Move corner resize handles to skew object from the corners. Move corner handle while rotation cursor is active to rotate object. Modify > Undo or Control-Z (Windows) or Command-Z (Macintosh) reverts object to its original state. This cursor Indicates Clicking and dragging will move the selected image. Clicking and dragging will skew the selected object on along the horizontal axis. Clicking and dragging will skew the selected object on along the vertical axis. Clicking and dragging will skew the selected object from its corners. Skew tool options Scale attributes: Click to resize the fill patterns and stroke size of an object when it is resized. Auto-crop Images: Check to automatically apply crop transparent rows and columns off of skewe image objects.
<url>../html/1024_Freeform_tool.htm</url>
<title>1024 Freeform tool</title> Freeform tool Use the Freeform tool to push or pull any part of a path. The Freeform tool automatically adds points, deletes points, or changes point type along the path as you edit the path. Freeform tool Freeform tool group on the Toolbox To pull a selected path: Select a path. Choose the Freeform tool from the reshape/scrub tool group. The inactive Freeform cursor is displayed. If no path is selected, the inactive Freeform cursor can select a path. Set the size of the segment to be pulled in the Tool Options panel. To control segment length with a pressure-sensitive pen, check Pressure in the Tool Options panel. Move the cursor onto the center of the segment to be pulled, and then hold down the mouse button. The Freeform pull cursor is displayed. Drag the Freeform cursor to reshape the path, and then release the mouse button. Freeform tool options Size: Set the length in pixels of the segment each use of the Freeform tool is to affect. Pressure: Check to make the Freeform tool pressure sensitive. Preview : When checked, the results of the effect are displayed as you drag the tool. To decrease the segment length by one pixel, press 1 or the left cursor key. To increase the segment length by one pixel, press 2 or the right cursor key. To constrain the tool effects to 45 degree angles, hold Shift.
<url>../html/1025_Reshape_Area_tool.htm</url>
<title>Reshape Area tool</title> Reshape Area tool Use the Reshape Area tool to reshape all selected paths within the diameter of the tool's cursor. Reshape Area tool Reshape Area tool group on the Toolbox To decrease the Reshape Area tool size by one unit, press 1 or the left cursor key. To increase the Reshape Area tool size by one unit, press 2 or the right cursor key. To constrain the tool effects to 45 degree angles, hold Shift. To reshape all selected paths in an area: Select the paths. Choose the Reshape Area tool from the reshape/scrub tool group. The inactive Reshape Area cursor is displayed. If no path is selected, the inactive Reshape Area cursor can select a path. Set the tool size and strength in the Tool Options panel. To control tool size and pressure with a pressure-sensitive pen, check Pressure: Size and Pressure: Strength in the Tool Options panel. Move the cursor over the area to be reshaped, and then hold down the mouse button. The Reshape Area cursor is displayed. Drag the Reshape Area cursor to reshape the paths, and then release the mouse button. Reshape Area tool options Size: Set the Reshape Area tool's diameter in pixels. Note: The Strength setting may soften the boundary of the area effected by the Reshape Area tool, reducing the accuracy of the size setting. Strength: Set roughly the size of a region between the outer circle and the inset circle of the Reshape Area tool. Lower percentages result in an effect similar to gravity, where paths farther from the center of the tool are affected less than paths close to the center. Higher percentages result in a more uniform effect and sharp transition from reshaped paths to the unaffected paths around it. Pressure: Size: When checked, pressure from a pressure-sensitive pen affects the size of the effect. Medium pressure retains the specified setting; high pressure gradually increases the tool size while the tool is in use; low pressure gradually decreases the tool size while the tool is in use. Pressure: Strength : When checked, pressure from a pressure-sensitive pen affects the strength of the effect. Medium pressure retains the specified setting; high pressure gradually increases the strength while the tool is in use; low pressure gradually decreases the strength while the tool is in use. Preview: Check to show rendered path while path is being altered.
<url>../html/1026_Path_Scrubber_tool.htm</url>
<title>Path Scrubber tool</title> Path Scrubber tool Use the Path Scrubber tool to retrofit speed and pressure-sensitive stroke effects to a selected path or edit previously applied speed and pressure-sensitive stroke effects. Path Scrubber tool Path Scrubber tool group on the Toolbox The Path Scrubber applies or adjusts speed or pressure information relative to the global range of either effect. Specific results depend on the properties of the selected path's stroke, such as size, hue, saturation, or opacity. Results also depend on whether Pressure, Speed, or both are checked in the Tool Options panel. However, a path always retains Path Scrubber information, even when neither Pressure nor Speed is checked. To switch between + and - Path Scrubber tools, press Alt (Windows) or Option (Macintosh). To apply or edit the speed-or pressure-sensitive brush effect on a path: Select the path. If more than one path are selected, click the path to be scrubbed. The other selected paths remain selected. Choose a Path Scrubber tool from the reshape/scrub tool group. Move the Path Scrubber tool along or across the selected path. Remember, if the path's brush is not set for speed or pressure sensitivity, the Path Scrubber information is applied to the path but the path does not change. Path Scrubber tool options Pressure: Check to affect path's pressure characteristics while scrubbing. The + Path Scrubber tool increases pressure data on scrubbed parts of paths, which increases the effect. The - Path Scrubber tool decreases pressure data on scrubbed parts of paths, which decreases the effect. Speed: Check to affect path's speed characteristics while scrubbing. The + Path Scrubber tool decreases speed data on scrubbed parts of paths, which increases the effect. The - Path Scrubber tool increases speed data on scrubbed parts of paths, which decreases the effect. Rate: Set the strength at which the Path Scrubber tool increases or decreases the speed- or pressure-sensitive brush effect. The range is from 1 to 10. For maximum strength, choose 10. For minimum strength, choose 1.
<url>../html/1027_Eyedropper_tool.htm</url>
<title>Eyedropper tool</title> Eyedropper tool Sample a color and apply it to current stroke, fill, or effect. Eyedropper tool Click and path or image object to sample color for use in a stroke, fill, or effect. Clicking the Eyedropper tool samples pixels in a radius defined by the settings in the Eyedropper Tool options panel. Eyedropper tool options Sample size: Choose the area from which the Eyedropper tool samples color. 1 Pixel: Sample the pixel beneath the Eyedropper tool's tip. 3 x 3 Average: Average the colors contained in the 3 pixel by 3 pixel area under the Eyedropper tool's tip. 5 x 5 Average: Average the colors contained in the 5 pixel by 5 pixel area under the Eyedropper tool's tip.
<url>../html/1028_Paint_Bucket_tool.htm</url>
<title>Paint Bucket tool</title> Paint Bucket tool Fill contiguous areas with color, or interactively adjust a fill's settings. Paint Bucket tool Fill closed paths with the color shown in the fill color well. Paint Bucket tool options panel contains settings for mouse highlight behavior and option to fill selected paths only. For more information on editing fills, see Editing a Fill with the Paint Bucket tool . Paint Bucket tool options Mouse Highlight: Check to automatically highlight selectable objects under pointer. Fill Selected paths: Check to fill only paths that are currently selected. Tolerance: Enter a tolerance to determine the range of colors filled. Enter a low tolerance setting to fill only similar colors. Enter a higher tolerance setting to fill a more diverse area of color, for example, a gradient. Edge of selection: Choose the edge type for the fill. Choose Hard Edge, Anti-Alias, or Feather.
<url>../html/1029_Knife_tool.htm</url>
<title>Eraser tool</title> Knife / Eraser tool Erase selected regions of image objects, or cut path objects into multiple pieces. Eraser tool Knife / Eraser tool options Edge softness: Control softness of eraser's edge. Eraser size: Control size of eraser. Shape: Choose round or square eraser. Erase to: Choose color to which eraser sets erased area. Options include Transparent, Fill Color, Stroke Color, and Canvas Color.
<url>../html/1030_Rubber_Stamp_tool.htm</url>
<title>Rubber Stamp tool</title> Rubber Stamp tool Clone portions of an image object. Rubber Stamp tool Rubber Stamp tool functions only in image edit mode. Set radius and sample options using the Rubber Stamp Tool Options panel. Rubber Stamp tool options Offset: Choose Aligned Source to sample an origin that moves to stay registered with the mouse. Choose Fixed source to always sample from a fixed origin. Sample source: Choose Image to sample only from selected image. Choose Document to sample from any area of the document. Edge softness: Control the softness of the Rubber Stamp tool's edge. Size: Set the size of the Rubber Stamp tool.
<url>../html/1031_Stroke_color_well.htm</url>
<title>Stroke color well</title> Stroke color well Set and display the active stroke color. To Do this Set an active Stroke color Click the Stroke color well pop-up and choose a color. or Select the Stroke color well. Click a color in the Swatches panel or click in the Color Mixer's color bar. Open the system color picker Double-click the Stroke color well. or Click the Stroke color well pop-up and then click the color picker button.
<url>../html/1032_Hotspot_tool.htm</url>
<title>Hotspot tools</title> Hotspot tools Draw rectangular, circular, or polygonal hotspot objects . Rectangle, Circle, and Polygon Hotspot tools For more information on hotspot objects and their use, see Producing web components .
<url>../html/1033_Slice_tool.htm</url>
<title>Rubber Stamp tool</title> Slice tool Draw slice objects. Slice tool For more information about slice objects and their use, see Slicing images .
<url>../html/1034_Fill_color_well.htm</url>
<title>Fill color well</title> Fill color well Set and display the active fill color. To Do this Set an active Fill color Click the fill color well pop-up and choose a color. or Select the Fill color well. Click a color in the Swatches panel or click in the Color Mixer's color bar. Open the system color picker Double-click the Fiill color well. or Click the Fill color well pop-up and then click the color picker button.
<url>../html/1035_Default_Colors_btn.htm</url>
<title>Default Colors button</title> Default Colors button Reset the Brush and Fill color wells to their default configurations. The Fireworks default brush color is black and its default fill color is white. Clicking the Default Colors button resets the brush and fills colors.
<url>../html/1036_Switch_Colors_btn.htm</url>
<title>Swap Colors button</title> Swap Colors button Click to switch the current stroke and fill colors with one another.
<url>../html/1101_Object_Inspector.htm</url>
<title>Object inspector</title> Object inspector Use the Object inspector to set characteristics such as opacity, blending mode, and placement of the brush stroke in relation to a path. The Object inspector contains status information for selected objects. The Object inspector operates in one of eight different modes, depending on the object type selected. Components of the Object inspector The different iterations of the Object inspector share common elements, as shown in the table below. These elements will become familiar as you work with various object types. Use To When selecting Object Opacity Set the opacity of a single object Anything except hotspot or slice objects. Blending Mode Set an object's blending mode Anything except hotspot or slice objects. Stroke Settings Control the interaction of an object's stroke and fill Any text or path object. Transformation Method Transform text as pixels or as paths Text. Group Type Define object group as mask or traditional group Grouped objects. Clipping path setting Define how the mask group appears A mask group. Export Settings Assign export presets to exported slice objects Slice objects. Link to URL Assign URLs Slice objects and hotspot objects. Alt tag Assign alternative tag to be used when the image is unavailable Slice objects and hotspot objects. Link target Specify the window or frame in which the link is opened. Slice objects and hotspot objects. Color well Set color Slice objects and hotspot objects. Hotspot shape Choose to change the shape of a hotspot object Hotspot objects. Auto-name Choose default or custom slice names Slice objects. Opacity and blending mode in detail Use the Object inspector to set opacity and blending mode. Opacity and blending modes are important in the process of compositing. Compositing is the process of varying the transparency of two or more overlapping objects to create a variety of graphic elements. An opacity setting of 100 renders an object completely opaque. Conversely, an opacity setting of 0 renders an object completely transparent. To Do This Set the opacity of a single object Set the value using the opacity slider. Apply the same opacity changes to multiple objects Group the objects and alter the group's opacity using the opacity slider. Return individual objects to the previous opacity before grouping Ungroup the objects. Set the blending mode of a single object Choose from the blending mode pop-up. Apply the same blending mode to multiple objects Group the objects and alter the group's blending mode using the blending mode pop-up. Return individual objects to the previous blending mode before grouping Ungroup the objects. Blending mode examples
<url>../html/1102_Stroke_panel.htm</url>
<title>Stroke panel</title> Stroke panel The stroke panel controls the attributes of drawn or painted strokes. Set the stroke of the Stroke tool, Pen tool, Line tool, and basic shape tools and edit the stroke of selected objects. Click an element below for more information: Create and edit strokees using the Stroke Edit dialog boxes: Stroke Edit Options dialog box Stroke Edit Shape dialog box Stroke Edit Sensitivity dialog box
<url>../html/1102a_Edit_Stroke_Option.htm</url>
<title>Stroke Edit Options dialog box</title> Edit Stroke Options dialog box Use the Edit Stroke Options dialog box to set the basic brush options. See also: Stroke panel Edit Stroke Shape dialog box Edit Stroke Sensitivity dialog box
<url>../html/1102b_Edit_Stroke_Shape.htm</url>
<title>Stroke Edit Shape dialog box</title> Edit Stroke Shape dialog box Use the Edit Stroke Shape dialog box to set the shape of the strokes. See also: Stroke panel Edit Stroke Options dialog box Edit Stroke Sensitivity dialog box
<url>../html/1102c_Edit_Stroke_Sens.htm</url>
<title>Stroke Edit Sensitivity dialog box</title> Edit Stroke Sensitivity dialog box Use the Edit Stroke Sensitivity.dialog box to control randomization variables that affect the stroke's appearance. See also: Stroke panel Edit Stroke Options dialog box Edit Stroke Shape dialog box
<url>../html/1103_Fill_panel.htm</url>
<title>Fill panel</title> Fill panel The Fill panel controls the attributes of an object's interior area. Set the fill of an open or closed path. Click an element below for more information.
<url>../html/1104_Effect_panel.htm</url>
<title>Effect panel</title> Effect panel The Effect panel controls the attributes of an effect applied, or to be applied, to an object. For more information on applying effects, see Applying effects to objects .
<url>../html/1105_Info_panel.htm</url>
<title>Info panel</title> Info panel Displays size and position information about the current object. Also, displays the current cursor coordinates as well as color information for the color directly below the color. Change values in the size or position fields to resize or move the object by specific increments.
<url>../html/1106_Tool_Options.htm</url>
<title>Tool Options panel</title> Tool Options panel The Tool Options panel contains tool-specific options for the current tool. The specific options change accordingly when you select another tool. To open the Tool Options panel if it is not open, double-click a tool. See the Help topic for a specific tool to learn more about its options. Tip: For FreeHand users, the Tool Options panels are similar to the dialog boxes displayed by double-clicking some FreeHand tools.
<url>../html/1107_Styles.htm</url>
<title>Styles panel</title> Styles panel Move the cursor over a portion of the graphic for more information. The Styles panel provides a library of built-in styles for text and graphics, which are viewed as large or small graphical icons. A style can include any attribute such as font, point size, color, fill, stroke, or effect. More than one style can be applied to any individual object. Use the Styles panel to create new styles, or edit or delete existing styles. Style libraries are stored in Fireworks Styles files. Import or export styles to or from a Fireworks document.
<url>../html/1108_Color_Mixer.htm</url>
<title>Color Mixer</title> Color Mixer Create a color and click Apply to drop it into the active color well. Enter values of Red (R), Green (G), and Blue (B) or use the pop-up sliders to mix a color, or move any cursor over the color bar at the bottom to pick a color using the Eyedropper tool. Use the Color Mixer Options pop-up to display Red, Green, and Blue color values as Hexadecimal, CMY (Cyan, Magenta, Yellow), HSB (Hue, Saturation, Brightness), or Grayscale. Option-click the color bar to switch among color models.
<url>../html/1109_Swatches_panel.htm</url>
<title>Swatches panel</title> Swatches panel The swatches panel displays a swatch of each color in the current color palette. Moving any cursor over the swatches changes it into one of three eyedropper tools, depending on which color well is active: Stroke eyedropper (with squiggly line): Click a swatch to drop it into the Stroke color wells. Fill eyedropper (with square): Click a swatch to drop it into the Fill color wells. Eyedropper (plain): Click a swatch to drop it into the Effect color well. Selecting a swatch always auto-applies the color to the selected object.
<url>../html/1110_Layers_panel.htm</url>
<title>Layers panel</title> Layers panel The Layers panel manages multi-layered documents. Layers divide an illustration into discrete planes, as though the illustrationÆs components were drawn on separate tracing paper overlays. To Do this Add a layer Choose New Layer from the Options pop-up on the Layers panel or Click the New Layer button or Choose Insert > Layer. Delete a layer Drag a layer to the Delete Layer button, select a layer and click the Delete Layer button or Select a layer and choose Delete Layer from the Options pop-up on the Layers panel. Move a layer Drag a layer name up or down on the Layers panel. Show or hide a layer Click the square in the first column to the left of a layer name. A show/hide icon indicates that a layer is visible. Lock a layer Click the square in the second column to the left of a layer name. A padlock indicates that a layer is locked. Objects on a locked layer are not editable until the layer is unlocked. Duplicate a layer Drag a layer to the New Layer button, select a layer and click the New Layer button, or select a layer and choose Duplicate Layer from the Options pop-up on the Layers panel. Move selected objects to another layer Drag the square selection icon to the desired layer. For more information , see Using Layers .
<url>../html/1111_Frames_panel.htm</url>
<title>Frames panel</title> Frames panel The Frames panel manages animation in Fireworks. Use it in conjunction with the Animation panel in the Export Preview to create animated GIFs. The Frames panel contains a list of each frame in your animation, plus controls for adding and deleting frames. Use the Options pop-up to add, delete, duplicate, and copy items to specific frames. For more information about using frames in rollovers, see JavaScript rollovers . For more information about using frames in animations, see Creating animations .
<url>../html/1112_Behaviors.htm</url>
<title>Behaviors panel</title> Behaviors panel Use the Behaviors inspector to add actions to specific user events, which are called behaviors. Behaviors are assigned to web objects, either hotspots or slices. A typical behavior is a pop-up status message assigned to a hotspot region so that the message is displayed (action) when the user points to it with the mouse cursor (event). The Behaviors inspector lists all behaviors assigned to the currently selected web object. Use the Behaviors inspector to edit or remove existing behaviors. For more information on using behaviors to create rollovers, see JavaScript rollovers .
<url>../html/1113_URLManager.htm</url>
<title>URL Manager</title> URL Manager Add, load, and save URLs using the URL Manager. URL stands for Uniform Resource Locator, which is an address of a specific page or file on the Internet. Fireworks can import URLs from any HTML file. Fireworks can read bookmark files saved with Netscape Navigator (typically stored in a file named Bookmarks.htm) or favorites files saved with Microsoft Internet Explorer. When a document is first opened, Fireworks adds all URLs in the document to the URL Manager's History pop-up. Assign URLs to selected objects using the History pop-up or by clicking a URL in the Library window. URLs in the History pop-up are not retained when the application is closed. To save the active History URL into the URL Library, click the Add to Library Button next to the History pop-up. Working with the URL Manager To Do this Add a Fireworks file's URLs to the URL Manager Open the file. All URLs are automatically added to the History pop-up. Determine what URL is assigned to an object Select the object and note the URL's name in the History field. Assign a URL to an object Select the object and choose a URL from the History pop-up or Select the object and click a URL in the Library window. Add a URL to the URL Library Enter or select the URL in the History pop-up. Click the Add to Library button (+) to the right of the History pop-up. or Choose Add History to Library from the Options pop-up or Choose Add URL from the Options pop-up. Enter a URL in the New URL dialog box Edit URL in the URL Library Select the URL in the URL Library. Choose Edit URL from the Options pop-up. Delete a URL in the URL Library Select the URL in the URL Library. Choose Delete URL from the Options pop-up. Export current URL Library Choose Export URLs from the Options pop-up. Name the exported library and choose a destination. Import a URL Library Choose Import URLs from the Options pop-up. Select desired library, HTML, or bookmark file. Create a new URL Library Choose New URL Library from the Options pop-up. Name the new URL Library in the New URL Library dialog box. or Place an HTML bookmard file in the Fireworks 2 / Settings / URL Libraries folder.
<url>../html/1114_FindReplace.htm</url>
<title>Find and Replace panel</title> Find and Replace panel Use Find & Replace to search for and replace various elements of a document, such as text, URLs, fonts, and colors. Find & Replace can search the current document or multiple files. Also, Fireworks can track changes made during a Find & Replace operation and store a log of the changes in the Project Log panel. For more information on using the Find and Replace panel, see Find and Replace .
<url>../html/1115_Main_toolbar.htm</url>
<title>Main toolbar</title> Main toolbar The Main toolbar contains the fundamental toolbar functions: Click a button to perform a command or open a panel.
<url>../html/1115_ProjectLog.htm</url>
<title>Project Log panel</title> Project Log panel The Project Log panel stores a log of changes made during Find & Replace operations when searching multiple files. Any documents changed during a Find & Replace are automatically recorded in the Project Log. Use the Project Log to navigate through selected files, export selected files using their last export settings, or select files to be batch processed. Add files to the Project Log to search them during a batch process or find and replace. For more information on using the Project Log panel, see Managing searches with the Project Log .
<url>../html/1116_Document_Window.htm</url>
<title>Document Window</title> Document Window The Document Window contains a single Fireworks file, including gray area beyond the canvas. Unlike FreeHand, Fireworks does not display graphics beyond the boundaries of the canvas.
<url>../html/1117_Modify_toolbar.htm</url>
<title>Modify toolbar</title> Modify toolbar The Modify toolbar contains buttons for frequently used modifications. All commands in the Modify toolbar are available in the Modify menu. Use To Group Group selected objects. Ungroup Ungroup selected objects. Join Join selected objects. Split Split selected objects. Bring to Front Bring selected object to front. Bring Forward Bring selected object forward. Send Backward Send selected object backward. Send to Back Send selected object to back. Align Align selected objects according to the setting in the adjacent pop-up. Rotate 90° CCW Rotate selected object 90 degrees counterclockwise. Rotate 90° CW Rotate selected object 90 degrees clockwise. Flip Horizontal Flip selected object horizontally. Flip Vertical Flip selected object vertically.
<title>Export Preview dialog box</title> Export Preview Use the Export Preview to try different settings for the chosen file format, compare the effects of different color palettes and transparencies, customize palettes and animation settings, and preview the file pixel-for-pixel as it will be exported. For more information, see Export Preview .
<url>../html/1202_Text_Editor.htm</url>
<title>Text Editor</title> Text Editor Use the Text Editor to create and edit text. To display the Text Editor, click the Text tool in a document to create a new text block, double-click an existing text block, or select a text block and choose Text > Editor. For more information about editing text, see Using text .
<url>../html/1203_Grid_dialog_box.htm</url>
<title>Grid dialog box</title> Grid dialog box The grid is a non-printing network of horizontal and vertical lines. Choose View > Grid to display the grid. With View > Snap to Grid checked, dragging an object to within three pixels of a grid intersection snaps the object to the grid. To edit the grid, choose View > Edit Grid. For more information on working with the grid, see Grid Options .
<url>../html/1204_Guides_dialog_box.htm</url>
<title>Guides dialog box</title> Guides dialog box Use guides (non-exporting guidelines) to precisely align and place objects. Choose View > Guides to display guides. To add a guide with the page rulers active (View > Rulers), drag from either the horizontal or vertical page ruler. With View > Snap to Guides checked, dragging an object to within three pixels of a guide snaps the object to the guide. In addition to turning on snapping and showing guides, choose View > Edit Guides to color, lock, or delete all guides. Use guides in conjunction with the export feature. For more information about working with guides, see Guide Options .
<url>../html/1205_Animation_panel.htm</url>
<title>Animation panel</title> Animation panel Use the Frames panel to create each frame of an animation. Use the Animation panel in the Export Preview to specify the disposal method, frame rate, and looping method of an animated GIF. For more information, see Creating animations .
<url>../html/1206_File_panel.htm</url>
<title>File panel</title> File panel Use the File panel to set the scale or exported area of the exported document. Scale The Scale settings increase or decrease the size of the image when exporting. Use either of two scaling methods: Enter a percentage or choose from the pop-up slider to increase or decrease the exported image size by a percentage. The W (width) and H (height) pixel dimensions update automatically. Enter numbers in the W and H fields to scale the graphic to a specific pixel width and height. Check Constrain to keep width and height proportional when scaling. Export Area Check Export area and enter dimensions and coordinates to export a portion of the document. Or, use the Export Area tool to select a portion of the document for export before opening the Export Preview. For more information about exporting an area of a document, see Export Area .
<url>../html/1207_Edit_Gradient.htm</url>
<title>Edit Gradient dialog box</title> Edit Gradient dialog box Use the Edit Gradient dialog box to modify the color within a Gradient fill. Choose Edit Gradient from the Options pop-up on the Fill panel to display this dialog box. Choose from presets or create custom fills. Click an area underneath the color ramp to add a color well. Double-click a color well to display the system color picker. Drag color wells along the color ramp to modify the color transitions within the Gradient fill. For more information about fills, see The Fill panel .
<url>../html/1208_Batch_Options.htm</url>
<title>Batch Export dialog box</title> Batch Export dialog box Choose File > Batch and set options to convert a folder of files to one of the available export formats. For more information, see Batch processing or Find and Replace .
<url>../html/2101_System_requirements.htm</url>
<title>System requirements</title> System requirements Fireworks runs on either the Windows or Macintosh operating systems. Before you install Fireworks, you need the following equipment: Windows: Windows 95, Windows 98, or Windows NT 4 (with Service Pack 3) or later Intel Pentium 120 MHz processor required (Pentium II recommended) 32 MB of system RAM on Windows 95 or Windows 98 (40 MB or more recommended for Windows NT) 60 MB of available hard disk space (100 MB or more recommended) CD-ROM drive Mouse or digitizing tablet 640x480 resolution, 256-color monitor required (1024x768 resolution, millions of colors recommended) Macintosh: System 7.5.5 or higher Adobe Type Manager 4 or higher to use Type 1 fonts Power Macintosh processor required (G3 recommended) 24MB of application RAM with virtual memory on (32 MB or more with virtual memory off recommended) 60 MB of available hard disk space (100 MB or more recommended) CD-ROM drive Mouse or digitizing tablet 640x480 resolution, 256-color monitor required (1024x768 resolution, millions of colors recommended)
<url>../html/2102_Uninstalling_FW.htm</url>
<title>Uninstalling Fireworks</title> Uninstalling Fireworks Use the uninstaller to ensure that all Fireworks files are removed from the computer. To uninstall Fireworks on Windows NT 4, Windows 95, or Windows 98: Choose Start > Settings > Control Panel. Double-click Add/Remove Programs. Select Macromedia Fireworks 2 in the list box. Click the Add/Remove button. Follow the instructions that appear on screen. The uninstaller removes all Fireworks 2 program files from your system. On Windows, manual uninstallation may leave several DLLs and registry database entries. To uninstall Fireworks on the Macintosh: Run the Fireworks 2 installer and choose Remove from the Options pop-up. Follow the instructions that appear on screen. The uninstaller removes all Fireworks application files from your computer. On the Macintosh, manually removing Fireworks can leave several preference files in the System folder. If you used Custom installation to install Fireworks in a different folder than the default location, you must specify the same location when uninstalling.
<url>../html/2103_Resources_learning.htm</url>
<title>Resources for learning Fireworks</title> Resources for learning Fireworks Use these resources to learn Fireworks quickly: Fireworks Help Fireworks Help, available whenever the Fireworks application is active, includes information on every Fireworks tool, panel, dialog box, and preference. Tutorials are included for common tasks such as optimizing GIFs and JPEGs, creating animations, creating image maps, and creating rollovers. Fireworks Tutorials Use the 10 Fireworks online tutorials to familiarize yourself with the most common features of Fireworks. Open the tutorials by choosing the name of a tutorial from the Help menu in Fireworks. Fireworks Application The Fireworks application contains many dialog boxes and ToolTips designed to assist you in using the program. ToolTips appear when your cursor pauses over a user interface element. Instructional dialog boxes appear when you attempt to use certain tools incorrectly. Using Fireworks manual The Using Fireworks manual includes chapters covering basic and advanced Fireworks features. www.macromedia.com MacromediaÆs award-winning web site contains Fireworks tutorials, sample art, and updates. TechNotes Navigate to http://www.macromedia.com/support/fireworks/ to search for frequently updated technical information on Fireworks. Fireworks Discussion Group For discussion on Fireworks topics with Fireworks users, technical support representatives, and the Fireworks development team, use a newsgroup reader to go to news://forums.macromedia.com/macromedia.fireworks .
<url>../html/2104_Whats_unique.htm</url>
<title>What's unique about Fireworks?</title> What's unique about Fireworks? The premier production tool for creating web graphics, Fireworks has features that can save hours by simplifying the web-graphic creation workflow. Fireworks was created from the ground up specifically for the web. Live effects – Create drop shadows, bevels, glows, and embosses that are fully editable. Watch them update automatically! Vector tool flexibility with an organic bitmap look – Bezier paths and shapes have bitmap brush strokes and textured fills. Apply customizable Live Effects to objects. Total text control – Retain the precise text control of an illustration tool in an image-editing application. Control kerning, leading, text effects, alignment, and more. Apply Live Effects to text. Text is always editable, all the time. Change text after applying a Live Effect and watch the effect update automatically. Export Preview – Directly view the graphic after each adjustment of export settings without switching to your web browser. Compare up to four alternative files simultaneously to choose the best mix of quality and file-size reduction. Export optimization – Simplify file format, palette settings, dithering, and more to optimize your web graphics. Or, use the Export Wizard to optimize automatically. Batch processing – Choose export settings, and find and replace graphics and text when batch processing custom groups of images or an entire site. Image maps – Create editable, color-coded hotspots on an overlay above the image. Enter a URL link and browser status bar message for each hotspot. JavaScript rollovers – Automatically generate code for interactive rollovers and other graphics. Slice images – Slice images on export. Automatically generate HTML table code to reassemble images and add links. Compatibility with Macromedia Dreamweaver – Export JavaScript rollovers that can be edited and changed in Dreamweaver. Or, export complex graphics as Dreamweaver library objects, easily placing and reusing navigation bars and complex rollovers. With Dreamweaver 2, launch Fireworks from within Dreamweaver to easily and quickly make changes to a graphic.
<url>../html/2105_What_is_Fireworks.htm</url>
<title>What is Fireworks?</title> What is Fireworks? Fireworks creates the smallest, highest-quality JPEG and GIF graphics in the fewest number of steps. It is a total solution for creating and producing web graphics. Fireworks simplifies and streamlines the process of making web and screen graphics, while providing the ultimate in flexibility and editability. Fireworks also makes it easy to minimize file size without sacrificing quality, which results in faster web sites and higher satisfaction among web site visitors. Without Fireworks, for example, a web designer creates an image in a vector-based drawing program such as FreeHand, then imports the vector art into a bitmap graphics program to rasterize and apply filters. Continuing the creative process, the designer exports the graphic for import into a color palette-conversion utility and then optimizes the palette and image format for either web- or screen-based delivery. The designer might also use an animation tool or image map utility to create a dynamic image. To test the graphic, the designer must view it in a web browser application. Revising the graphic at this point may force the designer to start from the beginning and repeat every step. With Fireworks, the designerÆs creativity is no longer complicated by switching from tool to tool, and valuable time is saved by avoiding repetitive procedures. Fireworks is a single tool that handles all the necessary steps. By creating editable paths with bitmap attributes, Fireworks ensures that your work is fully editable throughout every stage of the design process. FireworksÆ powerful export preview capabilities integrated with color palette and graphic formatting offer the designer control over exporting. Fireworks is a solution to the challenges faced by web designers. Accordingly, Fireworks is not optimal for creating or modifying images intended for traditional commercial printing. The Fireworks environment is based on the RGB color model, ideally suited for images rendered at screen, rather than print, resolutions. The advantages to using Fireworks over other tools include efficiency, convenience, and adaptability. With Fireworks, the designer is free to focus on design and creation without the distraction of switching from tool to tool. This efficient workflow is even more convenient with FireworksÆ incredible power over color palettes and file formats. Advanced preview capabilities allow the designer to see the effect of palette and color depth changes without the time-consuming step of viewing graphics in a browser. Amazingly, both text and objects in a Fireworks graphic are fully editable at any time. This means that graphics can be easily modified without recreating them.
<url>../html/2106_Using_doc_window.htm</url>
<title>Using the document window</title> Using the document window Fireworks is both a vector graphics and a bitmap graphics application. Vector objects are composed of paths, and bitmap objects are composed of individual pixels. Fireworks combines the organic look of bitmap objects with the flexibility, control, and editability of Bezier paths. Launching Fireworks displays the document window, your interface to the illustration. A Fireworks canvas can be up to 6000 pixels wide by 6000 pixels tall. Move, resize, or hide the panels, Toolbox, and toolbars to customize your environment.
<url>../html/2107_Using_toolbars.htm</url>
<title>Using the toolbars</title> Using the toolbars Fireworks on Windows has several toolbars: Toolbox Main toolbar Modify toolbar View Controls toolbar Each toolbar is moveable and dockable. This section describes the default location and configuration of the toolbars. To show or hide the Toolbox, choose Window > Toolbox. On Macintosh, use the menu to duplicate functions found on the Windows Main toolbar and Modify toolbar. On Windows, choose Window > Toolbars and choose a toolbar to show or hide individual toolbars.
<url>../html/2107a_Toolbox.htm</url>
<title>Toolbox</title> Toolbox The Toolbox contains 35 tools, some of which are contained in tool groups, as shown. To display a tool group, click and hold any tool with a triangle in the lower-right corner. Click an alternate tool to choose it from the tool group. Pressing letter keys switches quickly between tools. Press the letter key shown in the following chart to choose a tool. Fireworks documents contain four types of objects–vector objects, which are path based; image objects, which are pixel-based; text; and web objects, which are special objects used to define areas of interactivity or image slicing. Use this tool To Activate by pressing Pointer Select and drag objects. v or 0 (zero) Select Behind Select objects behind other objects. v or 0 (zero) Crop Discard or add canvas area. c Export Area Export a portion of a document. j Subselect Select an object within a group or points on a path. a or 1 Marquee Select a rectangular pixel area in image edit mode. m Ellipse Marquee Select an elliptical pixel area in image edit mode. m Lasso Select a freeform pixel area in image edit mode. l Polygon Lasso Select a polygonal pixel area in image edit mode. l Magic Wand Select pixel areas of similar color in image edit mode. w Hand Pan the view of the document. spacebar or h Magnify Change view magnification (zoom in or zoom out). z Line Draw straight lines. n Pen Draw paths by anchoring points. p Rectangle Draw rectangles, rounded rectangles, and squares. r Ellipse Draw ellipses and circles. r Polygon Draw polygons and stars. g Text Create text blocks. t Pencil Draw one-pixel pencil strokes. y Brush Draw brush strokes using Stroke panel settings. b Redraw Path Redraw portions of a selected path. b Scale Resize and rotate objects. q Skew Slant and rotate objects, and change perspective. q Distort Distort and rotate objects. q Freeform Pull a path segment or push a path segment using a resizable cursor. f Reshape Area Reshape a selected path within the area of the resizable cursor. f Path Scrubber (+) Increase stroke characteristics controlled by pressure or speed. u Path Scrubber (û) Decrease stroke characteristics controlled by pressure or speed. u Eyedropper Sample a color and apply it to the active color well. I Paint Bucket Fill objects with color, gradients, or patterns and adjust fills with Paint Bucket handles. k Eraser Remove or replace portions of image objects and cut paths. e Rubber Stamp Clone portions of an image object. s Rectangle Hotspot Draw URL hotspots in the shape of rectangles or squares. Circle Hotspot Draw URL hotspots in the shape of circles. Polygon Hotspot Draw URL hotspots in the shape of irregular polygons. Slice Create rectangular slice objects.
<url>../html/2107b_Main_toolbar.htm</url>
<title>Main toolbar</title> Main toolbar (Windows only) Use To New Create a new document. Open Open an existing document. Save Save the active document. Import Import a file. Export Export a file. Print Print the active document. Undo Undo the last action. Redo Redo the last action. Cut Cut selected objects to the Clipboard. Copy Copy selected objects to the Clipboard. Paste Paste the Clipboard's contents into the active document. Object inspector Open the Object inspector to view properties for the selected object. Color Mixer Open the Color Mixer. Stroke Open the Stroke panel. Fill Open the Fill panel. Layers Open the Layers panel. Help Access Fireworks Help. ToolTips name or describe each button's function as well as other user-interface features throughout Fireworks. Pause the cursor over a button on a toolbar to display a small label, which disappears when you move the cursor away from the item.
<url>../html/2107c_Info_bar.htm</url>
<title>Info bar</title> Info panel The Info panel provides feedback for selected objects, depending on object type and current action. Feedback includes the color of the pixel beneath the cursor in the current color model values, the position of the cursor, the location of the selected object's bounding box, and the selected object's dimensions. Choose Window > Info to show or hide the Info panel. The Info panel's Options pop-up contains settings for your document's color model and unit of measurement.
<url>../html/2107d_Object_inspector.htm</url>
<title>Object inspector</title> Object inspector Use the Object inspector to set characteristics such as opacity, blending mode, and placement of the brush stroke in relation to a path. The Object inspector contains status information for selected objects. The Object inspector operates in one of eight different modes, depending on the object type selected. Path selected Image object selected Text selected Text on a path selected Mask group selected Symbol object selected Hotspot object selected Slice object selected Components of the Object inspector The different iterations of the Object inspector share common elements, as shown in the table below. These elements will become familiar as you work with various object types. Use To When selecting Object Opacity Set the opacity of a single object Anything except hotspot or slice objects. Blending Mode Set an object's blending mode Anything except hotspot or slice objects. Stroke Settings Control the interaction of an object's stroke and fill Any text or path object. Transformation Method Transform text as pixels or as paths Text. Group Type Define object group as mask or traditional group Grouped objects. Clipping path setting Define how the mask group appears A mask group. Export Settings Assign export presets to exported slice objects Slice objects. Link to URL Assign URLs Slice objects and hotspot objects. Alt tag Assign alternative tag to be used when the image is unavailable Slice objects and hotspot objects. Link target Specify the window or frame in which the link is opened. Slice objects and hotspot objects. Color well Set color Slice objects and hotspot objects. Hotspot shape Choose to change the shape of a hotspot object Hotspot objects. Auto-name Choose default or custom slice names Slice objects. Opacity and blending mode in detail Use the Object inspector to set opacity and blending mode. Opacity and blending modes are important in the process of compositing. Compositing is the process of varying the transparency of two or more overlapping objects to create a variety of graphic elements. An opacity setting of 100 renders an object completely opaque. Conversely, an opacity setting of 0 renders an object completely transparent. To Do This Set the opacity of a single object Set the value using the opacity slider. Apply the same opacity changes to multiple objects Group the objects and alter the group's opacity using the opacity slider. Return individual objects to the previous opacity before grouping Ungroup the objects. Set the blending mode of a single object Choose from the blending mode pop-up. Apply the same blending mode to multiple objects Group the objects and alter the group's blending mode using the blending mode pop-up. Return individual objects to the previous blending mode before grouping Ungroup the objects. Blending mode examples
<url>../html/2107e_View_Controls_tbar.htm</url>
<title>View Controls toolbar</title> View Controls toolbar Use the View Controls toolbar to change document magnification and display mode. Click the Preview Page button to view document dimensions and pixel resolution. Note : On the Macintosh, the View controls are located at the lower-left corner of the document window.
<url>../html/2108_Using_panels.htm</url>
<title>2108 Using panels</title> Using panels Fireworks panels float above the document. Place them anywhere on your screen. Click a tab to display a particular panel. View and hide all panels as described below. These tabbed panels can be moved, separated, or grouped by dragging their tabs. Fireworks includes the following tabbed panels: Tool Options panel Swatches panel Color Mixer Stroke panel Fill panel Effect panel Layers panel Frames panel Info panel Object inspector Find & Replace panel Project Log panel Behaviors inspector URL Manager Styles panel To hide all panels: Choose View > Hide Panels or press the Tab key. All currently open panels will be hidden. To view hidden panels: Choose View > Hide Panels to uncheck the Hide Panels option or press the Tab key. All hidden panels appear. Panels that were closed when the Hide Panels option was activated will remain hidden when Hide Panels is unchecked. To group a panel with another panel: To remove a panel: To return the panels to their default positions and reset application-level preferences, quit Fireworks, delete the preferences file named Fireworks Preferences located in the Fireworks folder, and relaunch Fireworks. Close any of these panels using the standard close box. Open or close them by choosing the appropriate command from the Window menu.
<url>../html/2108a_Tool_Options_panel.htm</url>
<title>Tool Options panel</title> Tool Options panel Options related to the active tool appear on the Tool Options panel. The Tool Options panel contains settings for all Fireworks tools. For example, the Pointer tool options, shown above, include Mouse Highlight and Preview Drag. Double-click a tool in the Toolbox to open and close the Tool Options panel.
<url>../html/2108b_Swatches_panel.htm</url>
<title>1Swatches panel</title> Swatches panel The Swatches panel shows FireworksÆ current color palette. Choose from this palette when designing graphics. Select a preset palette or import a palette using the Options pop-up. Use the Save Swatches command to save custom palettes for later import. Extract the color table from a GIF image using the Add Swatches command. To Choose from the Options pop-up Add swatches to the panel Add Swatches. Replace all swatches with an external set Replace Swatches. Save swatches to an external set Save Swatches. Delete all swatches from the panel Clear Swatches. Change to Macintosh, Windows, Web 216, or Grayscale palette A palette. Sort the swatches by color Sort by Color. Use the custom color palette from the Export Preview Current Export Palette. When moving the cursor over the Swatches panel, the cursor becomes an Eyedropper tool. Click a color to apply it automatically to selected objects and color wells. To choose a color, you need not access the Swatches panel or Color Mixer. Just click any color well in Fireworks, such as in the Toolbox, Fill panel, or Color Mixer, to access all the swatches in the current color palette. Then click to pick a color from the pop-up set of color swatches.
<url>../html/2108c_Color_Mixer.htm</url>
<title>Color Mixer</title> Color Mixer Create colors using the Color Mixer, then apply colors to strokes, fills, effects, and text. Use the Options pop-up to select a color mode: RGB, Hexadecimal, CMY, HSB, or grayscale. The Color Mixer automatically responds to the type of object selected. For example, select an object with a fill and no stroke and the Color Mixer automatically selects the Fill color well. Conversely, select an object with a stroke and no fill and the Color Mixer automatically selects the Stroke color well. To Do this Apply color changes to the selected objectÆs brush stroke Click the Stroke color well before choosing a new color. Apply color changes to the selected objectÆs fill Click the Fill color well before choosing a new color. Apply color changes to an object having only a brush stroke Choose a new color. The Stroke color well is selected automatically. Apply color changes to an object having only a fill Choose a new color. The Fill color well is selected automatically. Apply color changes to the selected objectÆs effect Click the Effect color well in the Effect panel before choosing a new color. Apply color to selected text Choose a new color. The Fill color well is selected automatically. Switch color modes Choose the desired color mode from the Color Mixer Options pop-up. Switch brush and fill color Click the Swap Colors button. Revert to default colors Click the Default Colors button. Define colors using the system color picker Double-click a color well. Change color models in the color bar only Point to the color bar and use Shift-click (Windows) or Option-click (Macintosh).
<url>../html/2108d_Stroke_panel.htm</url>
<title>Brush panel</title> Stroke panel (Move the cursor over a portion of the graphic for more information.) Use the Stroke panel to design and modify strokes, as well as alter the appearance of paths that have already been drawn. Changing stroke settings affects selected paths and paths drawn after the settings are changed. To choose a color in the Stroke panel, you need not access the Swatches panel. Just click the pop-up to the right of the color well to access all the swatches in the current color palette. Then click to pick a color from the pop-up set of color swatches. Choose Edit Stroke from the Options pop-up to open the Edit Stroke dialog box. The Options, Shape, and Sensitivity panels within the Edit Stroke dialog box control current stroke attributes. Save, delete, and rename custom strokes using the Options pop-up. Click the show/hide triangle at the bottom of the Stroke panel to show and hide the Stroke preview. Checking Auto-Apply automatically updates selected path and text objects as you change stroke settings. If the preview is hidden, Auto-Apply is automatically turned on. If the preview is visible and Auto-Apply is turned off, click Apply to manually apply changes to selected paths.
<url>../html/2108e_Fill_panel.htm</url>
<title>Fill panel</title> Fill panel (Move the cursor over a portion of the graphic for more information.) Use the Fill panel to control how objects are filled. Choose from the available fill categories, and then choose one of the many fill types from within each category. To choose a color in the Fill panel, you need not access the Swatches panel. Just click the pop-up to the right of the color well to access all the swatches in the current color palette. Then click to pick a color from the pop-up set of color swatches. Modify any fill by choosing a texture and intensity, fill color, anti-aliasing, feather, or hard edge. Check Transparent for a transparent fill texture and enter a texture amount greater than zero. Use the Fill Options pop-up to save, name, and delete Gradient fills. Click the show/hide triangle at the bottom of the Fill panel to show and hide the Fill preview. Check Auto-Apply to automaticall update the fill of selected objects as you change fill settings. If the preview is hidden, Auto-Apply is automatically turned on. If the preview is visible and Auto-Apply is turned off, click Apply to manually apply fill changes to selected objects.
<url>../html/2108f_Effect_panel.htm</url>
<title>Effect panel</title> Effect panel Use the Effect panel to apply and modify Live Effects in your document. Effects applied using the Effect panel are maintained and updated when the affected object is altered. For example, if you apply an edge bevel to a rectangular object and then make the object circular, the beveled edge adjusts accordingly. Modify effects after applying them to an object by changing settings in the Effect panel. Effects that can be altered in this way are known as Live Effects. To choose a color in the Effect panel, you need not access the Swatches panel. Just click the pop-up to the right of the color well to access all the swatches in the current color palette. Then click to pick a color from the pop-up set of color swatches. Like the Stroke and Fill panels, the Effect panel has controls for selecting effect type and name. Use the Options pop-up to save, name, and delete custom effect settings. Choose a single effect from the Effect Category pop-up, or choose Multiple to apply more than one effect. Click the show/hide triangle at the bottom of the Effect panel to show and hide the Effect preview. Check Auto-Apply to automaticall update the effect of selected objects as you change effect settings. If the preview is hidden, Auto-Apply is automatically turned on. If the preview is visible and Auto-Apply is turned off, click Apply to manually apply effect changes to selected objects.
<url>../html/2108g_Text_Editor.htm</url>
<title>Text Editor</title> Text Editor Use the Text Editor to create and edit text. Unlike text in many other applications, Fireworks text is always editable all the time. Edit text quickly and easily after custom effects have been applied. To choose a color in the Text Editor, you need not access the Swatches panel. Just click the pop-up to the right of the color well to access all the swatches in the current color palette. Then click to pick a color from the pop-up set of color swatches. Open the Text Editor by clicking on a document with the Text tool, drawing a rectangular text block with the Text tool, double-clicking a text container, or selecting a text block and choosing Text Editor. After closing the Text Editor, resize the text block by pulling or pushing handles. Move selected text blocks with the Pointer tool.
<url>../html/2108h_LyrsFrms_panels.htm</url>
<title>Layers panel and Frames panel</title> Layers panel and Frames panel Layers panel Frames panel Use the Layers and Frames panels to organize and animate your illustration. Layers divide an illustration into discrete planes, as though the components of the illustration were drawn on separate tracing paper overlays. Use the Layers panel to manage multilayered documents. The Options pop-up includes commands for creating, deleting, and renaming layers and commands for viewing and locking all layers. Choose Share Layer to share the selected layer across all frames in the document. Choose Single-Layer Editing to prevent accidental changes to layers other than the selected layer. The Web Layer, reserved for web objects such as hotspots and slices, and cannot be renamed or deleted. To show or hide individual layers, click the Show/Hide icon at the left of the layer name. When the icon is visible, the layer is also visible. Similarly, clicking the Lock/Unlock icon locks and unlocks individual layers. When a layer is locked, items on that layer may not be moved or deleted. To move a selected object to another layer, drag the "Selected Objects" icon. Use the Frame pop-up to quickly choose a different frame in your document without switching to the Frames panel. The Frames panel is the key to Fireworks animation and rollovers. Use the Frames panel and the Animation panel in the Export Preview to create animated GIFs. The Frames panel lists each frame of an animation and has controls for adding and deleting frames. Use the Options pop-up to add, delete, duplicate, and copy objects to specific frames. Icon Buttons Use the buttons at the bottom right of the Layers and Frames panels as shortcuts to create, distribute, duplicate, or delete layers or frames. Select a frame or layer and then click a button, or drag and drop a frame or layer onto a button. To Do this Distribute a selected group of objects across frames Click the Distribute button after selecting objects or Drag the square "Selected Objects" icon from the right column of the Layers or Frames panel to the Distribute button. Distribute an entire layer's objects to specific frames Drag a layer name to the Distribute button. Create a new blank layer or frame Click the New / Duplicate button. Duplicate a current layer or frame Drag the current layer or frame name to the New / Duplicate button. Duplicate selected objects onto a new layer or frame Drag the square "Selected Objects" icon from the right column of the Layers or Frames panel to the New / Duplicate button. Delete a current layer or frame Click the Delete icon or Drag the current layer or frame name to the Delete button. Delete currently selected objects Drag the square "Selected Objects" icon from the right column of the Layers or Frames panel to the Delete button.
<url>../html/2108i_FindReplace_panel.htm</url>
<title>Find and Replace panel</title> Find & Replace panel Use Find & Replace to search for and replace various elements of a document, such as text, URLs, fonts, and colors. Find & Replace can search the current document or multiple files. Also, Fireworks can track changes made during a Find & Replace operation and store a log of the changes in the Project Log panel.
<url>../html/2108j_Project_Log_panel.htm</url>
<title>Untitled Document</title> Project Log panel The Project Log panel stores a log of changes made during Find & Replace operations when searching multiple files. Any documents changed during a Find & Replace are automatically recorded in the Project Log. Use the Project Log to navigate through selected files, export selected files using their last export settings, or select files to be batch processed. Add files to the Project Log to search them during a batch process or find and replace.
<url>../html/2108k_Behaviors_insp.htm</url>
<title>Untitled Document</title> Behaviors inspector Use the Behaviors inspector to add actions to specific user events, which are called behaviors. Behaviors are assigned to web objects, either hotspots or slices. A typical behavior is a pop-up status message assigned to a hotspot region so that the message is displayed (action) when the user points to it with the mouse cursor (event). The Behaviors inspector lists all behaviors assigned to the currently selected web object. Use the Behaviors inspector to edit or remove existing behaviors.
<url>../html/2108l_URL_Mgr.htm</url>
<title>Untitled Document</title> URL Manager Add, load, and save URLs using the URL Manager. URL stands for Uniform Resource Locator, which is an address of a specific page or file on the Internet. Fireworks can import URLs from any HTML file. Fireworks can read bookmark files saved with Netscape Navigator (typically stored in a file named Bookmarks.htm) or favorites files saved with Microsoft Internet Explorer. When a document is first opened, Fireworks adds all URLs in the document to the URL Manager's History pop-up. Assign URLs to selected objects using the History pop-up or by clicking a URL in the Library window. URLs in the History pop-up are not retained when the application is closed. To save the active History URL into the URL Library, click the Add to Library Button next to the History pop-up. Working with the URL Manager To Do this Add a Fireworks file's URLs to the URL Manager Open the file. All URLs are automatically added to the History pop-up. Determine what URL is assigned to an object Select the object and note the URL's name in the History field. Assign a URL to an object Select the object and choose a URL from the History pop-up or Select the object and click a URL in the Library window. Add a URL to the URL Library Enter or select the URL in the History pop-up. Click the Add to Library button (+) to the right of the History pop-up. or Choose Add History to Library from the Options pop-up or Choose Add URL from the Options pop-up. Enter a URL in the New URL dialog box Edit URL in the URL Library Select the URL in the URL Library. Choose Edit URL from the Options pop-up. Delete a URL in the URL Library Select the URL in the URL Library. Choose Delete URL from the Options pop-up. Export current URL Library Choose Export URLs from the Options pop-up. Name the exported library and choose a destination. Import a URL Library Choose Import URLs from the Options pop-up. Select desired library, HTML, or bookmark file. Create a new URL Library Choose New URL Library from the Options pop-up. Name the new URL Library in the New URL Library dialog box. or Place an HTML bookmard file in the Fireworks 2 / Settings / URL Libraries folder.
<url>../html/2108m_Styles_panel.htm</url>
<title>Untitled Document</title> Styles panel The Styles panel provides a library of built-in styles for text and graphics, which are viewed as large or small graphical icons. A style can include any attribute such as font, point size, color, fill, stroke, or effect. More than one style can be applied to any individual object. Use the Styles panel to create new styles, or edit or delete existing styles. Style libraries are stored in Fireworks Styles files. Import or export styles to or from a Fireworks document.
<url>../html/2109_Navigating_doc.htm</url>
<title>Setting document magnification</title> Navigating and viewing the document Setting document magnification Fireworks magnification ranges from 6 percent to 6400 percent. To Do this Enlarge a document view level Choose the Magnify tool and click inside a document window. Choose an increment from the Magnification pop-up. Choose View > Magnification and choose a magnification level. Reduce a document view level Choose the Magnify tool, hold down Alt (Windows) or Option (Macintosh) and click in a document. Choose an increment from the Magnification pop-up. Choose View > Magnification and choose a magnification level. Zoom to the highest magnification Choose 6400% from the Magnification pop-up. Choose View > Magnification > 6400%. Press Control-6 (Windows) or Command-6 (Macintosh). Zoom to the lowest magnification Choose 6% from the Magnification pop-up. Choose View > Magnification > 6%. Zoom in to view a specific area Choose the Magnify tool and drag a selection area. Zoom out Choose the Magnify tool and hold down Alt (Windows) or Option (Macintosh) and drag a selection area. Magnification shortcuts To Press Set view to 50% Control-5 (Windows) or Command-5 (Macintosh) Set view to 100% Control-1 (Windows) or Command-1 (Macintosh) Set view to 200% Control-2 (Windows) or Command-2 (Macintosh) Set view to 400% Control-4 (Windows) or Command-4 (Macintosh) Set view to 800% Control-8 (Windows) or Command-8 (Macintosh) Set view to 3200% Control-3 (Windows) or Command-3 (Macintosh) Set view to 6400% Control-6 (Windows) or Command-6 (Macintosh) Zoom in Control-Spacebar (Windows) or Command-Spacebar (Macintosh) or Control-+ (Windows) or Command-+ (Macintosh) Zoom out Control-[minus] (Windows) or Command-[minus] (Macintosh) Shortcut menus Click the right mouse button (Windows) or Control-click (Macintosh) to display a shortcut menu containing a variety of commands. These menus vary according to which tool is chosen or which objects are selected. For example, one shortcut menu is available when selecting objects, while another shortcut menu is available when in image edit mode. Experiment with shortcut menus to speed your work. Multiple document views Use multiple views to see one document at two different view modes or magnifications simultaneously. To open a second document view: Choose Window > New Window. Change the view and magnification of the new document window. To close a document view window, click the windowÆs close box. Optimizing document redraw Choose one of two view modes from the View menu: Full Display or Draft Display. View modes affect a document’s on-screen representation, not its object data or output quality. When in Draft Display, switch to Full Display by choosing View > Full Display or by using the Display Mode pop-up on the View Controls toolbar (Windows) or in the lower-left corner of the document window (Macintosh). Choosing a display mode Choose To Full Display Display the document in all available colors with full detail. Draft Display Display paths as one pixel wide with no fill. Each image object appears as an X-box. Note: For easier editing, objects selected while in Draft Display mode display in full detail.
<url>../html/2110_Case_Study.htm</url>
<title>Before fireworks</title> A Case Study: With and Without Fireworks Before Fireworks, creating graphics for the web involved several applications, with each contributing to a portion of the task. Imagine that a web designer named Diana is asked by a client to create an artistÆs palette to serve as a navigation graphic on a web page. The graphic will be used to link to other places on the clientÆs web site and must contain rich textures and effects to capture the viewerÆs attention. Accordingly, the graphic must contain web-safe colors, text, textures, Live Effects, and hotspot links. How Diana approaches this task without Fireworks: Create a line drawing of an artistÆs palette using an application, such as Macromedia FreeHand. Import the vector graphic into an image-editing application, such as Adobe Photoshop, to rasterize the graphic (convert the vectors to pixels). Apply third-party filter effects, such as bevels and drop shadows. Use a utility, such as Equilibrium DeBabelizer, to convert the image to a web-safe color palette in the proper graphics file format with an optimized size. Painstakingly add hotspot objects or animation using yet another application. Manually attach hyperlinks to the hotspots that link to the clientÆs web pages. View the results of this process in a web browser. Unfortunately, if the graphic has the slightest flaw, Diana must often begin again and redo every step to reproduce the graphic. In adjusting file-size optimization, Diana may need to retrace all or some of these steps. Even if the result is acceptable to the designer, client-driven changes such as text edits may result in repeating these steps many times until the final product is complete. The Fireworks way With Fireworks, Diana doesnÆt need those other programs. She needs only Fireworks to produce this graphic from start to finish. Even better, modifications are easy, even after the graphic has been loaded onto the web site. How Diana uses Fireworks to make this job easy: Open a new Fireworks document or import an existing document. In our example, the vector framework is created in Fireworks using the intuitive vector tools. Fireworks imports all major web design file formats. Alternatively, Diana can create this vector art in FreeHand and open it directly in Fireworks. Apply strokes, fills, and effects. Apply realistic strokes, fills, and effects using the Stroke, Fill, and Effect panels. Use the Effect panel to bevel the edge of the palette. In this example, Diana uses the vector tools to alter the number and location of the paint wells on the artistÆs palette. She then applies a wood pattern fill and bevel effect to produce this image. Reshape the object. Alter the shape of the artistÆs palette using the Reshape Area tool. Add text. Use Fireworks Text Editor to create and modify text. Add a drop shadow to the text. Apply a live drop shadow effect to the text using the Effect panel. Even though a drop shadow effect has been added, the text can still be modified. Create the image map. Use the hotspot tools in the Toolbox to add hotspot objects to the paint wells. These hotspots can link to any URL. Use the Object inspector to define map type, background URL, and alternate image descriptions. In our example, Diana selects the three labeled paint wells and chooses Insert > Hotspot. This command creates a hotspot object the same size, shape, and location as the original path. With each path selected, Diana defines the linked hotspot using the Object inspector. Optimize the graphic upon export. Exporting from Fireworks is a dynamic experience offering live feedback and total control over color depth, file format, palette selections, and animation. View up to four simultaneous live previews as you compare output options and see the results on screen before exporting. Revise. Diana's client loves the graphic but requests two changes. The client wants a different color on the Feedback paint well and wants the textÆs drop shadow to be changed to an inner bevel. No problem! Diana opens the file in Fireworks, changes the color of the Feedback paint well, changes the drop shadow to an inner bevel, and exports again using the previous export settings. Objects created in Fireworks are always editable, all the time.
<url>../html/2111_Setting_up_docs.htm</url>
<title>Setting up your document</title> Setting up your document Consider your documentÆs design and final output requirements. Decide in advance which settings are best. Canvas size Set the canvas size in the New Document dialog box to define the size of your document. Set canvas dimensions using pixels, inches, or centimeters. Alter the canvas size by choosing Modify > Document > Canvas Size or by using the Crop tool to crop the image. Resolution Resolution is defined in the New Document dialog box as either pixels per inch or pixels per centimeter. Consider the intended delivery medium when assigning resolution. For example, web graphics are usually saved at 72 pixels per inch. Canvas color The canvas is at the bottom of the document. Choose a white canvas, a transparent canvas, or a color canvas in the New Document dialog box. Change canvas color later by choosing Modify > Document > Canvas Color. To choose a color in the Canvas Color dialog box, click the pop-up to the right of the color well to access all the swatches in the current color palette. Then click to pick a color from the pop-up set of color swatches. Number of undo steps Choose File > Undo to reverse an action. Enter a value of up to 100 in the File > Preferences > General > ôUndo Stepsö field. RAM requirements increase as the number of undo steps increases. Note: Changes to the Undo preference do not take effect until Fireworks is restarted. Unit of measurement Define canvas size using pixels, inches, or centimeters in the New Document dialog box. The unit you choose appears in the Info panel. Change the unit using the Info panel's Options pop-up. Note: Regardless of the documentÆs unit of measurement, rulers always display in pixels. Rulers To show or hide rulers, choose View > Rulers. To set the rulerÆs zero point, click and drag the zero-point marker from the upper-left corner of the document window to a new location. The zero point represents the intersection of the horizontal and vertical rulers. Double-click the zero point marker to reset the zero point to its default position. Grid The grid is a non-exporting background of horizontal and vertical lines. Choose View > Grid to display the grid. With View > Grid Options > Snap to Grid checked, dragging an object near a grid line causes that object to snap to the grid. Guides Use guides, which are non-exporting guidelines, to precisely align and place objects. Choose View > Guides to show or hide guides. To add a guide when the rulers are visible, drag from either the horizontal or the vertical ruler. With View > Guide Options > Snap to Guides checked, objects snap when dragged near guides. Editing guides Choose View > Edit Guides to open the Guides dialog box. Use To Color Change the guidesÆ color. Show Guides Show or hide guides. Snap to Guides Easily align objects to guides. Lock Guides Prevent guides from moving. Clear All Remove all ruler guides, not slice guides. Slice Color Change the color of slice guides. Show Slice Guides Show or hide slice guides. Working with the grid and guides To Do this Show or hide the grid Choose View > Grid or Check Show Grid in the Grid dialog box. Snap objects to the grid Choose View > Snap to Grid or Check Snap to Grid in the Edit Grid dialog box. Modify the grid Choose View > Grid Options > Edit Grid. Show or hide rulers Choose View > Rulers. Show or hide ruler guides Choose View > Guides. Show or hide slice guides Choose View > Slice Guides. Snap objects to guides Choose View > Guide Options > Snap to Guides or Check Snap to Guides in the Edit Guides dialog box. Edit guides Choose View > Guide Options > Edit Guides. Lock guides Choose View > Guide Options > Lock Guides.
<url>../html/2112_Import_export.htm</url>
<title>Importing and Exporting</title> Importing and Exporting Fireworks can import a wide variety of vector and bitmap graphic formats and can export many bitmap graphic formats. Discussed in Using Export Preview , one of FireworksÆ greatest strengths is the ability to export many formats with extensive export preview capabilities. Export Preview provides immediate and dynamic feedback on the appearance and technical specifications of your graphics before exporting them. Use the Export Preview to experiment with export formats, color depth, and palette assignments and immediately see the results. Importing bitmap images Fireworks imports BMP, GIF, JPEG, PICT (Macintosh), PNG, TIFF, xRes LRG, Targa, and Photoshop files. When imported, these files are fully editable using Fireworks bitmap editing tools and many Photoshop third-party plug-ins while in image edit mode. In addition to file name and location, the Import File dialog box shows file size, format, and a thumbnail preview, if available. To import a bitmap graphic: Choose File > Import or use Command-R (Macintosh) or Control-R (Windows). Choose the file to import. Position the import cursor where the upper-left corner of the graphic is to appear. Click the mouse button to place the graphic at its default size, or click and drag the import cursor to resize the image while importing. Importing vector art Fireworks imports vector graphics from Macromedia FreeHand 7 and 8, Adobe Illustrator 7 and 8, and uncompressed CorelDRAW 7 and 8. Imported paths are fully editable as if they were created in Fireworks. Fireworks offers several choices for importing multilayer documents, including layer-to-layer and layer-to-frame interpretations. See Importing FreeHand, Illustrator, or CorelDRAW files for more information on importing vector graphics. Exporting To export a graphic: Choose File > Export or use Control-Shift-R (Windows) or Command-Shift-R (Macintosh) to open the Export Preview. Choose settings on the Options, File, and Animation panels. View the effect of your settings in the preview area. The preview area can display up to four views simultaneously. Click Next when you are ready to export the file with the current settings. Export Wizard Activate the Fireworks Export Wizard by choosing File > Export Wizard or by clicking the Export Wizard button in the Export Preview. The Export Wizard asks questions regarding your exported file’s intended use and suggests appropriate graphic formats. Export dialog Use the Export dialog to choose the location and name of your exported files. Use the Export dialog pop-ups to set slicing and HTML style options. Document Properties The Document Properties dialog box contains document-specific export settings. Change these settings to control slicing and image map options. Save your defaults using the Set Defaults button.
<url>../html/2301_Modes.htm</url>
<title>Object mode and image edit mode</title> Object mode and image edit mode Computer graphics are one of two types: vector drawings created in an application such as Macromedia FreeHand, and bitmap images created in an application such as Adobe Photoshop. Paths are the basic elements of vector graphics. Generated mathematically, a path has at least two points. Each point joins path segments and point handles control the shape and length of adjacent segments. Pixels, the basic elements of bitmap graphics, are tiny squares that combine like the tiles of a mosaic to create an image. A bitmap image becomes more granulated as magnification reveals the individual pixels. Fireworks blurs the distinction between vector graphics and bitmap image graphics. The path of a Fireworks object is an editable vector path. Yet it may also have a wide, textured stroke, an image fill, and an effect such as a drop shadow, bevel, or glow. Magnifying any Fireworks object reveals pixels. Yet the object's pixels redraw in response to vector editing. Even effectsùpreviously reserved for bitmap image applicationsùredraw after an object is edited. Fireworks can edit both types of objectsùvector objects and image objects. Some tools behave in different ways when editing either type of object. Object mode is the default mode, where vector graphic creation and some image manipulation occurs. Image edit mode is where pixel editing occurs within an image object. A blue and black striped border outlines the current document, signifying that Fireworks is in image edit mode. Fireworks has up to 100 undo steps, which are available in both image edit mode and object mode. The default number of Undo Steps in File > Preferences is 8.
<url>../html/2302_FW_draw.htm</url>
<title>Fireworks drawing and editing tools</title> Fireworks drawing and editing tools The table below describes each tool's basic function on each type of object. Some tools work only on one type of object, while others work on both. The characteristics of some tools change according to the type of object being edited. Fireworks drawing and editing tools use smart cursors which show what tool is being used by the shape of the cursor. For example, the paintbrush tool cursor is a small paintbrush and the pencil tool cursor is a small pencil. To replace these smart cursors with more precise crosshair cursors, check the File > Preferences > Editing > "Precise Cursors" preference. Press the Caps Lock button to temporarily enable precise cursors without using this preference. Tools that behave exactly the same on both types of objects are not in this table. This tool In object mode In image edit mode Pointer Selects and moves paths on the screen. Moves the image object or moves pixels bound by a marquee. Double-click an image to edit its pixels. Select Behind Selects an object behind the selected object. Moves the image or moves pixels bound by a marquee. Crop Discards portions of a document. Discards portions of a floating image object. Subselection Selects and moves paths on screen, selects an object within a group or symbol, displays points on a path, and selects points. Moves the image or moves pixels bound by a marquee. Marquee or Ellipse Marquee Activates image edit mode and selects or moves a rectangular or elliptical area of pixels. Selects or moves a rectangular or elliptical area of pixels. Lasso or Polygon Lasso Activates image edit mode and selects or moves a freeform area of pixels. Selects or moves a freeform area of pixels. Magic Wand Activates image edit mode and selects or moves a area of similarly colored pixels. Selects an area of similarly colored pixels. Line and Basic Shapes Draws objects as editable paths. Paints pixel brush strokes on an image object. Pen Draws objects as editable paths. Leaves image edit mode and draws objects as editable paths. Text Creates and edits text blocks and opens the Text Editor. Leaves image edit mode, creates text blocks, and opens the Text Editor. Pencil Draws one-pixel pencil strokes as freeform paths. Draws one-pixel pencil strokes as pixels. Brush Draws brush strokes as paths. Paints brush strokes as pixels. Freeform Pulls or pushes a selected path to reshape it. Leaves image edit mode. Reshape Area Reshapes the parts of a selected path that lie within the Reshape Area cursor area. Leaves image edit mode. Path Scrubber Alters a path's pressure and speed characteristics without changing its shape. Leaves image edit mode. Eraser / Knife Cuts a selected path into separate paths. Erases pixels from an image. Rubber Stamp Activates image edit mode and clonse portions of an image object. Clones portions of an image object.
<url>../html/2303_Edit_path_objs.htm</url>
<title>Editing path objects</title> Editing path objects In object mode, paths and points are the basic elements of graphic design. Upon magnification, Fireworks path objects appear pixelated, as if painted in an image-editing application. However, at the root, path objects remain editable. Fireworks combines the editability of Bezier curves with the organic look of bitmap images. Activities in object mode include: Drawing paths by dragging a basic shape tool or the Line tool, placing points with the Pen tool, or drawing a path with a pixel-wide stroke with the Pencil tool. Drawing paths with a wide variety of brush strokes, including textures and patterns with the Brush tool. Editing paths with the Freeform, Reshape Area, Eraser, Redraw Path, Path Scrubber, and other tools. Editing paths by moving points and adjusting Bezier handles. Editing paths by using a path operation, such as Union, Intersect, Punch, Crop, Simplify, Expand Stroke, and Inset Path. Typing and editing text. Importing, positioning, and applying effects to bitmap images. Importing and editing documents with vector graphics created in applications such as FreeHand. A vector object with an editable path and points. A bitmap image with a rectangular image bounding box. Brush strokes created in image edit mode may appear the same as those drawn in object mode, but they are strictly bitmap images. Conventional vector-editing techniques cannot edit these images. Working in image edit mode is similar to other image-editing applications. Open and closed paths Open : An open path has a beginning point and an ending point that do not connect. Closed : A closed path has a beginning point and an ending point that connect. Open Path Closed Path A single path can overlap itself to create a loop that appears to enclose an area, but that is not a closed path. Only joined endpoints create a closed path. Either type of path can have a fill. Paths drawn with basic shape tools are closed paths. To resume drawing an existing open path, use the Pen tool or the Redraw Path tool to click the ending point and continue the path. Completing open and closed paths To end an open path when using the Pen tool, double-click the Pen tool at the ending point when a small arrow appears next to the cursor. To end an open path when using other drawing tools, release the mouse button. To close a path with any drawing tool, return the cursor to the starting point of the path and click or release when a black square appears next to the cursor. Drawing paths Use the Pen tool to draw paths by plotting points, as in FreeHand, or use the Brush tool to paint paths, as in Photoshop. Either way, a brush stroke with a path and points is created when in object mode. Pen tool Brush tool Displaying and selecting paths All path objects in object mode are editable. The active tool and the status of the Hide Edges command determine which path and point information is displayed. Displayed path and hidden points -- Use the Pointer tool to drag a selection area around any part of one or more paths or click a path to select it. An object selected with the Pointer tool displays the path of the object without points. Displayed path and points -- Choose the Subselection tool to automatically display the points on all selected paths. Use the Subselection tool to drag a selection area around one or more paths, displaying the path and points of all selected objects, or click a path to select it. An object selected with the Subselection tool displays the path of the object with points. Hidden path and points -- Choose View > Hide Edges to hide the paths and points of selected objects. A selected object displays no path when Hide Edges is checked. With Hide Edges checked, choosing the Subselection tool shows the points of selected objects without the path. Note: With Hide Edges checked, look at the Status bar (Windows) or Object inspector to identify the currently selected object. Hide Edges also hides marquees in image edit mode. To add more objects to a current selection, hold down Shift and select the additional objects. To select a path behind another path, use the Select Behind tool. Select Behind tool Editing points to reshape paths Points are the framework for a vector path. The position and length of each point handle determines the shape and position of adjacent path segments. Subselection tool To select an individual point, use the Subselection tool. Either click individual points or drag a selection area around one or more points. To move a point, drag it with the Subselection tool. Fireworks has two point types: Curve – Adjacent segments are curved. Clicking a curve point with the Pen tool converts it to a corner point, retracting the handles and straightening the adjacent segments. Corner – One or both adjacent segments are straight lines. Clicking a corner point and dragging away from it with the Pen tool converts it to a curve point, extending the handles and curving the adjacent segments. To change the shape of an adjacent path segment, drag a point handle. The path preview shows the result of moving the handles. Drag a point handle with the Subselection tool to edit adjacent path segments. If handles are not visible, hold down Alt (Windows) or Options (Macintosh) and drag from a point using the Subselection tool so that the point handles appear. To bend only one adjacent segment of a curve point, leaving the other segment unedited, hold down Alt (Windows) or Option (Macintosh) and drag a point handle from the point with the Subselection tool. Using path operations to reshape paths A powerful way to create complex paths is to use path operations to combine or alter paths. Use To Example Union Combine two or more closed paths into a single path enclosing the entire area of the original paths. Stroke and fill attributes of the back object are applied to the resulting path. Intersect Create a path enclosing the area common to all selected, closed paths. Stroke and fill attributes of the back object are applied to the resulting path. Punch Remove portions of selected, closed paths below the frontmost, closed path. Stroke and fill attributes remain unchanged. Crop Remove portions of selected, closed paths outside the area of the frontmost, closed path. Stroke and fill attributes remain unchanged. Simplify Remove points from a path while maintaining the same overall shape. Expand Stroke Convert the perimeter of the stroke of the selected path into a closed path. Inset Path Expand or contract one or more closed paths by a specified amount. To apply a path operation, first select objects. Then, choose one of the path operation commands from the Modify > Combine or Modify > Alter Path submenus. Applying Union, Intersect, Punch, or Crop to objects may yield a composite path, which consists of individual paths joined together. Note: Using a path operation removes all pressure and speed information from the affected paths.
<url>../html/2304_Draw_obj_mode.htm</url>
<title>Drawing in object mode</title> Drawing in object mode Draw paths in any of three ways: Use the Brush tool or Pencil tool to draw freeform paths. Use the Line, Rectangle, Ellipse, or Polygon tool to draw paths by dragging. Use the Pen tool to draw paths by plotting points. Drawing by dragging To draw using the Line tool or a basic shape tool, hold down the mouse button to start a path, drag to draw, and release the mouse button to complete the path. Use Shift with the To constrain shapes to Rectangle tool Squares. Ellipse tool Circles. Polygon tool Polygons oriented at increments of 45 degrees. Line tool Lines at increments of 45 degrees. Pencil tool Horizontal or vertical lines. Brush tool Horizontal or vertical lines. To draw a basic shape from a specific centerpoint, hold down Alt (Windows) or Option (Macintosh) and drag a basic shape tool. The Polygon tool always draws from a centerpoint. To both constrain a shape and draw from the centerpoint, hold down Shift-Alt (Windows) or Shift-Option (Macintosh) while using a basic shape tool. The corner rounding percentage setting on the Rectangle Tool Options panel determines the curvature of the corners of rectangles drawn using the Rectangle tool. To assign a rounding percentage value to the corners of a rectangle, enter a value or use the slider on the Rectangle Tool Options panel before drawing the rectangle. Use the Polygon tool to draw stars and other polygons. Use the Polygon Tool Options panel to set the number of sides, choose stars or shapes, and set angle acuteness. A five-point star with Angle = Automatic A five-sided polygon An eight-point star with Angle = 10 Drawing by plotting points To draw using the Pen tool: Choose the Pen tool. Click to plot corner points. Press and hold the mouse button on a point, then drag to draw curves. End the path. To create an open path, double-click the last point. To create a closed path, click the starting point when a solid square appears next to the cursor. Draw paths with the Pen tool by plotting point by point. Tip : Hold Shift while drawing with the Pencil tool or Brush tool to plot a path point by point. Reorienting the brush stroke An object's brush stroke is centered on the path by default, but options for placing the brush stroke completely inside or outside the path are available. Centered stroke Stroke inside Stroke outside To move the brush stroke of one or more objects inside or outside the path: Select one or more objects. Choose Window > Object. Click a stroke placement button. Normally, the stroke appears over the fill. To draw the fill on top of the stroke, Check Draw Fill over Stroke in the Object inspector.
<url>../html/2305_Edit_obj_mode.htm</url>
<title>Editing in object mode</title> Editing in object mode In addition to dragging point handles, several Fireworks tools edit paths in object mode. The Freeform , Reshape Area , Path Scrubber , Redraw Path , and Eraser / Knife tools are the object mode editing tools. This cursor Indicates The Freeform tool or the Reshape Area tool is in use. Move onto a selected path to activate the pull cursor. Click and hold away from a selected path to activate the push cursor or reshape cursor. The Freeform tool is in use. The pull cursor is in position to pull the selected path. Click and hold the mouse and drag to reshape the path. The Freeform tool is in use. The pull cursor is pulling the selected path. Release to redraw the path. The Freeform tool is in use. The push cursor is active. Push the selected path with the adjustable circle to reshape the path. The Reshape Area tool is in use and the cursor is active. Drag the area of the selected path under the cursor. The area from the inner circle to the outer circle represents reduced strength. The Redraw Path tool is in use. The redraw path cursor is on a selected path to be redrawn. The Path Scrubber tool is in use. The path scrubber plus cursor is active. Trace a path to increase the path's pressure- or speed-sensitive data. The Path Scrubber tool is in use. The path scrubber minus cursor is active. Trace a path to decrease the path's pressure- or speed-sensitive data. The knife cursor is active. Drag the knife line across the selected path to cut it into two or more paths. Freeform tool – Push or pull any part of a selected path. Fireworks automatically adds, moves, or deletes points along the path as you edit it. On the Tool Options panel, enter a value in the Size field or use the pop-up slider to set the size of the push cursor and the length of the path segment the pull cursor affects. The Freeform tool pulls a path segment. The Freeform tool pushes a path segment. The path redraws to reflect the change. Reshape Area tool – Pull the area of a selected path within the outer circle of the Reshape Area cursor. On the Tool Options panel, enter a value in the Size field or use the pop-up slider to set the size of the reshape area cursor. Enter a value in the Strength field or use the pop-up slider to set the size of the inner circle of the reshape area cursor. The inner circle is the boundary of the tool at full strength. The area between the inner and outer circle reshapes paths at less than full strength. Redraw Path tool – Redraw a segment of a selected path, retaining the brush, fill, and effect characteristics of the path. The Path Redraw tool redraws a path segment. Knife tool – Drag the knife cursor across a selected path to slice it into two or more paths.
<url>../html/2306_Img_mode_basics.htm</url>
<title>Image edit mode basics</title> Image edit mode basics Switch to image edit mode to directly edit pixels in an image. Activities in image edit mode include: Editing imported images, such as GIFs, JPEGs, and PNGs. Editing pixels with the Pencil tool. Painting in color with the Brush tool. Erasing to transparency or to another color. Applying Xtra filters to pixel selections. Replicating image elements with the Rubber Stamp tool. Compositing images. Switching to image edit mode Although graphics created in object mode may have bitmap image characteristics, Fireworks also has a mode specifically for editing bitmap images pixel by pixel. In image edit mode, each pixel of a selected image object is editable. Note: An image imported in object mode remains an image. A vector object can be converted to an image by choosing Modify > Merge Images. To Do this Edit an image object Select the object, and then choose Modify > Image Object or Double-click the object using the Pointer tool. or Use any of the following tools on the image object: Marquee, Ellipse Marquee, Lasso, Polygon Lasso, Magic Wand, Paint Bucket, Eraser, or Rubber Stamp. Create a new image object Choose Insert > Empty Image. When you enter image edit mode, a striped border appears around the entire document. You can draw or edit pixels anywhere within the document. When you leave image mode, the excess empty space is trimmed off of the edges of the image object you were editing. To prevent the editable area of an image from expanding to fill the screen when the image is edited, choose File > Preferences > Editing and uncheck "Expand to Fill Document." To temporarily hide the striped border, choose View > Hide Edges. Once you leave image edit mode, Hide Edges is turned off. To force edges to remain visible until Hide Edges is chosen again, choose File > Preferences > Editing and uncheck Turn off "Hide Edges." A striped border surrounds the document when in image edit mode. Leaving image edit mode Return to object mode from image edit mode in any of four ways: Double-click an empty area of the document with any selection tool. Click the Stop button on the Status bar. Choose Modify > Exit Image Edit. Press Control-Shift-D (Windows) or Command-Shift-D (Macintosh). Press the Esc key. Selecting an image object Each bitmap image in Fireworks has a rectangular bounding box. This box is highlighted when an image is selected in object mode with View > Hide Edges unchecked. To switch to image edit mode, double-click on a visible part of the image. Fireworks 1 Background layer image In Fireworks 1, the background layer is a permanent image stretching across the entire canvas under which no objects or layers can be placed. Fireworks 2 does not have a permanent background layer. When opening Fireworks 1 documents in Fireworks 2, the Background layer from Fireworks 1 is converted into an image object and is placed as a shared layer on the bottom of the document. For more information about layers, see Using Layers . Using marquees In image edit mode, the primary selection tools are the Marquee and Ellipse Marquee tools, the Lasso and Polygon Lasso tools, and the Magic Wand tool. Marquee tools Lasso tools Use these tools to highlight an area of pixels to edit, move, cut, or copy. Each draws a marquee that becomes a flickering dotted shape when complete. To remove a marquee, draw another one, choose Edit > Deselect, or exit image edit mode. Use this tool To Marquee Highlight a rectangular area of pixels. Elliptical Marquee Highlight an elliptical area of pixels. Lasso Highlight a freeform area of pixels. Polygon Lasso Highlight an area of pixels bound by a polygon. Magic Wand Highlight an area of pixels of similar color. Note: Hold down Shift to draw square or circular marquees or to constrain lasso lines to 45-degree increments. Hold down Control (Windows) or Option (Macintosh) to draw from the centerpoint. An object in image edit mode with a circle marquee. Trimming the canvas Once an image is edited in image edit mode, its size is automatically trimmed to a rectangular shape in the size of the used pixels, removing transparent space around the image. Use Modify > Document > Trim Canvas to remove excess pixels from around the edge of the document. The canvas is cropped to the outermost edge of all pixels in the document. If multiple frames exist in the document, Trim Canvas crops to include all objects in all frames, not just the current frame.
<url>../html/2307_Convert_obj_to_img.htm</url>
<title>Converting an object to an image</title> Converting an object to an image Choose Modify > Merge Images, which converts selected objects into a single image object. A path-to-image conversion is irreversible, except when choosing Edit > Undo is still an option.
<url>../html/2308_Xtras.htm</url>
<title>Using Xtras</title> Using Xtras The Xtras menu has effects that are not reversible. Once these effects are applied to a vector object, the object is no longer editable as paths and becomes a floating image object. Fireworks Xtras include Blur, Invert, and Sharpen. Photoshop plug-ins also work in Fireworks. Copy Photoshop plug-ins into the Fireworks Xtras folder to add them to the Xtras menu. Alternatively, use the Preferences dialog box to target an additional plug-in folder.
<url>../html/2309_Transform_distort.htm</url>
<title>Transforming and distorting</title> Transforming and distorting Use the Transform tools or menu commands to scale, rotate, distort, or skew an object, a group of objects, or a pixel selection area. Transform tools Choosing any Transform tool or menu command displays the transform handles. The handles frame the entirety of selected objects. In image edit mode, the transform handles frame the pixel selection. Original Object Rotated Scaled Skewed Distorted Drag any transform handle to edit the selected objects interactively. The cursor changes to indicate the available activity. When dragging a transform handle in transform mode, hold down Alt (Windows) or Option (Macintosh) to scale objects bi-directionally. When moving the cursor beyond the handles in transform mode to rotate selected objects interactively: Hold down Shift to constrain rotation. Drag the round centerpoint away from the center of the handles to relocate the axis of rotation. When dragging a transform handle in distort mode: Hold down Shift to constrain handle movement to 45-degree angles. Hold down Control (Windows) or Command (Macintosh) to achieve the illusion of perspective (corner handles only). Hold down Alt (Windows) or Option (Macintosh) to distort the object symmetrically. When moving the cursor beyond the handles in distort mode to skew the object, hold down Alt (Windows) or Option (Macintosh) to skew the object relative to the centerpoint. To move the centerpoint back to the center of the transform handles, double-click the centerpoint. Numeric transformations To scale or rotate selected objects, images, and pixel selections by specific measurements, choose Modify > Transform > Numeric Transform to open the Numeric Transform dialog box. Select the type of transformation to perform on the current selection from the pop-up, and input numeric values to transform the selection. Check Constrain Proportions when scaling or resizing to keep the horizontal and vertical size of the selection proportional when transforming. Check Scale Attributes to transform the fill, stroke, and effect of the object along with the object. If Scale Attributes is unchecked, the stroke, fill, and effect on the object do not increase in size; only the path is scaled.
<url>../html/2310_color_FW.htm</url>
<title>Using color in Fireworks</title> Using color Use the Color Mixer and the Swatches panel to create or choose colors for Fireworks brush strokes, fills, and effects. Color Mixer Swatches panel
<url>../html/2311_Color_Mixer.htm</url>
<title>Using the Color Mixer</title> Using the Color Mixer By default, the Color Mixer identifies colors as Hexadecimal RGB, displaying a color's values of red (R), green (G), and blue (B) color components. RGB values are calculated based on a range from 00 to FF. To create a color in the Color Mixer: Choose Window > Color Mixer, if necessary, to display the Color Mixer. Click either the Stroke color well or Fill color well, or display the Stroke, Fill, or Effect panel, to choose the destination for the new color. Choose a color model from the Color Mixer Options pop-up, if desired. Enter values in the color component fields, use the pop-up sliders, or pick a color from the color bar. The cursor becomes the eyedropper cursor when it moves over the color bar. Click to pick a color. Deselect all objects before mixing a color to prevent unwanted object editing as you mix colors. Choose alternative color models from the Color Mixer Options pop-up. The current color's component values and the color bar change with each new color model. Choose To express color components as RGB Values of Red, Green, and Blue, where each component has a value from 0 to 255, where 0-0-0 is black and 255-255-255 is white. Hexadecimal Values of Red, Green, and Blue, where each component has a hexadecimal value of 00 to FF, where 00-00-00 is black and FF-FF-FF is white. Tip: To quickly create web-safe hexadecimal colors, use combinations of these pairs of letters and numbers: 00, 33, 66, 99, CC, FF. HSB Values of Hue, Saturation, and Brightness, where Hue has a value from 0 to 360 degrees, and Saturation and Brightness have a value from 0 to 100 percent. CMY Values of Cyan, Magenta, and Yellow, where each component has a value from 0 to 255, where 0-0-0 is white and 255-255-255 is black. Grayscale A percentage of black. The single Black (K) component has a value of 0 to 100 percent, where 0 is white and 100 is black, and in between are shades of gray. Clicking the color bar while holding down Shift toggles the color bar through the RGB, Hexadecimal, and Grayscale color models. The Color Mixer fields do not change. Note: When the Hexadecimal color bar is displayed, color choices are restricted to the Web 216 palette. To take a color from the document and put it into the Color Mixer, click the color in the document using the Eyedropper tool from the Toolbox. The highlighted color well displays the color and the Color Mixer displays the component values. Viewing color information The Info panel displays the component values of the color at the current cursor location. Choose an alternate Info panel color model in the Info panel Options pop-up.
<url>../html/2312_Swatches_panel.htm</url>
<title>Using the Swatches panel</title> Using the Swatches panel Choose Window > Swatches to display the Swatches panel, which contains a group of colors. Click a color swatch to choose a stroke, fill, or effect color for selected objects and objects to be drawn later. When the cursor points to a swatch, it becomes one of three Eyedropper tool icons. Clicking a swatch automatically assigns that color to the active color well and applies the color to the brush stroke, fill, or effect of all selected objects. This eyedropper Applies a color to The stroke color well and the brush stroke of each selected object. The fill color well and the fill of each selected object. The effect color well and the effect of each selected object. By default, the Swatches panel contains the Web 216 color palette. Choose alternative color palettes or customize a palette using the Swatches panel Options pop-up. Customizing palettes To add the active color to the current palette: Move the cursor to the open space after the last swatch on the Swatches panel. The cursor becomes the paint bucket cursor. Click to add the swatch. Choosing Edit > Undo does not undo swatch additions or deletions. To replace a swatch with the active color: Hold down Shift and point to a swatch. The cursor becomes the paint bucket cursor. Click the swatch. The active color replaces the original swatch. To delete a swatch from the palette: Hold down Control (Windows) or Command (Macintosh) and point to a swatch. The cursor becomes the scissors cursor. Click the swatch to delete it. To clear the entire Swatches panel, choose Clear Swatches from the Swatches panel Options pop-up. To append a palette to the current palette: Choose Add Swatches from the Options pop-up. A file dialog box opens. Choose a palette file. Fireworks adds swatches from either of two types of files: Photoshop ACO palette files and GIFs. The new swatches are appended to the end of the current swatches. To Do this Revert a color palette to its original swatches Reselect the color palette from the Options pop-up. Save a custom palette Choose Save Palette from the Swatches panel Options pop-up, and then either name the new palette or leave the previous name to replace the original palette. Use the current custom color palette from the Export Preview Choose Current Export Palette from the Swatches panel Options pop-up Note: Except when displaying Current Export Palette, the Swatches panel is unrelated to the Export Preview swatch display. For more information about swatches in the Export Preview, as well as optimizing color palettes, see Options panel .
<url>../html/2313_System_color_picker.htm</url>
<title>System color pickers</title> System color pickers Double-clicking any color well displays the Windows Color dialog box (Windows) or the Apple Color Picker (Macintosh). Colors created using either of these methods bypasses the Color Mixer and Swatches panel.
<url>../html/2314_color_wells.htm</url>
<title>Using color wells</title> Using color wells The current stroke and fill colors are displayed in the stroke and fill color wells on the Color Mixer. Duplicate color wells appear in the Toolbox. In addition, a duplicate stroke color well appears on the Stroke panel and a duplicate fill color well appears on the Fill panel. An Effect color well appears on the Effect panel when color is an element of the effect. To activate the Do this Stroke color well Click the color well with the brush next to it in the Toolbox or in the Color Mixer or Click the color well in the Stroke panel. Fill color well Click the color well with the paint bucket next to it in the Toolbox or in the Color Mixer. or Click the color well in the Fill panel. Effect color well Click the color well in the Effect panel. Neither the Toolbox nor Color Mixer has an Effect color well. Some effects do not use color. To swap colors so that the stroke color becomes the fill color and the fill color becomes the stroke color, click the Swap Colors button in the Color Mixer or in the Toolbox. To reset to the default colors, click the Default Colors button. Specify default colors using the File > Preferences > General > ¨Color Defaults¨ preferences. Using pop-up color wells Click the box next to any color well to display a pop-up color box and choose a color to apply to that color well and any selected objects. The pop-up color well contains the swatches currently in Fireworks Swatches panel. To Do this Get a color from anywhere on the screen Click the eyedropper button, and then click anywhere on the screen. Get a color from the system color picker Click the color picker button, and then choose a color froSm the system color picker. Apply transparency Click the transparency button. Applying color to the canvas The canvas is the bottom surface of the Fireworks document. Specify a canvas color in either of two ways: When opening a new document, choose White, Transparent, or Custom in the New Document dialog box. With an existing document, choose Modify > Document > Canvas Color, and then choose White, Transparent, or Custom.
<url>../html/2315_Strokes_fills.htm</url>
<title>Applying strokes and fills</title> Applying strokes and fills Use the Stroke panel to choose a brush stroke and to apply a brush stroke to selected objects. Use the Fill panel to fill selected objects and subsequently drawn objects. Use the Stroke panel Options pop-up and Fill panel Options pop-up to adjust stroke and fill settings and to create and save custom brushes and fills. Stroke panel (Move the cursor over a portion of the graphic for more information.) Fill panel (Move the cursor over a portion of the graphic for more information.) The Stroke panel and Fill panel are the control center for creating brush strokes and fills. Save your favorite stroke and fill settings to use again. Saving a stroke or fill only saves it for use within the current document. To reuse a saved stroke or fill in another document, copy and paste an object with the saved brush stroke or fill into the document. The saved stroke is added to the Stroke panel for use within the document. Alternatively, use the Styles panel to save a stroke or fill and reuse it later. For more information about using the Styles panel, see Styles pane l.
<url>../html/2316_Stroke_panel.htm</url>
<title>The Stroke panel</title> The Stroke panel Stroke panel (Move the cursor over a portion of the graphic for more information.) The Brush tool is the primary freeform drawing tool in Fireworks. The Pen tool is the primary Bezier curve drawing tool. Use either to create paths with a wide range of possible characteristics in both object mode and image edit mode, from thin, pencil-like paths to wide swaths resembling spray paint or splattered oil. A variety of stroke textures add to the range of creative possibilities. Pen tool Brush tool Extensive brush stroke editing features offer full control of every stroke nuance, including ink amount, tip size and shape, edge effect, and aspect. Also, sensitivity settings control how a pressure-sensitive pen affects strokes. A newly created brush stroke assumes the current color displayed in the stroke color well, whether in object mode or image edit mode. Using the Edit Stroke panels Choose Edit Stroke from the Stroke panel Options pop-up to display the Edit Stroke panels: Options, Shape, and Sensitivity. The stroke preview at the bottom of the Stroke panel shows the current brush with the current settings. A stroke in the preview that tapers or fades or otherwise changes from left to right illustrates the current pressure- and speed-sensitivity settings. Edit Stroke Options panel Edit Stroke Shape panel Edit Stroke Sensitivity panel Saving and reusing strokes Any change to stroke settings is savable. Use the Stroke panel Options pop-up to save brushes, change brush characteristics, rename the current brush, or delete the current brush. Saving a brush only saves it for use within the current document. To reuse a saved brush in another document, copy and paste an object with the saved brush stroke into the document. The saved brush is added to the Stroke panel for use within the document. Use the Styles panel to store a stroke and its settings. Select an object then click a stroke in the Styles panel to apply the stored stroke to the object. Stroke styles in the Styles panel may be exported and then imported into other Fireworks documents. For more information on the Styles panel, see Using Styles .
<url>../html/2317_Fill_panel.htm</url>
<title>The Fill panel</title> The Fill panel Fireworks fill categories are None, Solid, Pattern, Web Dither, and various gradient shapes. Combine fill types with textures to quickly create complex artwork. Fill panel (Move the cursor over a portion of the graphic for more information.) A newly created closed path drawn with the Pen tool or a basic shape tool assumes the current fill displayed in the Fill panel. Paths drawn with other drawing tools have a default fill of None. Saving and reusing fills Saved fills are stored within the current document. To reuse a saved fill in another document, copy and paste an object with the saved fill into the other document. The saved fill is added to the Fill panel. Use the Styles panel to store a fill and its settings. Select an object then click a fill in the Styles panel to apply the stored fill to the object. Fill styles in the Styles panel may be exported and then imported into other Fireworks documents. For more information on the Styles panel, see Using Styles . Editing and saving a gradient color ramp All fill categories other than None, Solid, Pattern, and Web Dither are Gradient fills. Use the Fill panel Options pop-up to edit, save, rename, or delete the current Gradient. Choosing Edit Gradient opens the Edit Gradient dialog box. Choose a preset Gradient from the Preset Options pop-up. Click an area under the color ramp to add a color well. Click and drag any color well below the color ramp to change the transition between colors in the fill. Double-click any color well to pick a color from the color palette pop-up menu. Add as many colors to the color ramp as you want. Editing a Fill with the Paint Bucket tool Choose the Paint Bucket tool to quickly edit a selected object's fill. Paint Bucket tool When the Fill panel has a fill of None, Solid, or Web Dither, clicking inside an object with the Paint Bucket tool adds the color in the fill color well as a Solid or Web Dither fill. When the Fill panel has a Pattern or Gradient fill, clicking the Paint Bucket tool places the round paint bucket handle, which represents the center or starting point of the fill. When choosing a new Pattern or Gradient fill type in the Fill panel, clicking inside a selected object applies the new fill type to the object. Filling areas of similar color On image objects, use the Paint Bucket tool to fill areas of similar color. With the Paint Bucket tool selected, set the tolerance on the Tool Options panel to determine the range of similar colors to be filled. A tolerance setting of 0 (zero) causes the Paint Bucket tool to fill a solid area of a single color. Higher tolerance settings will cause the Paint Bucket tool to fill adjoining areas near in color to the color that was clicked. To fill the entire image or selection, rather than similar colors, check Fill Selection Only on the Tool Options panel when the Paint Bucket tool is selected. Adjusting a fill interactively To change or distort a selected object's Pattern or Gradient fill, choose the Paint Bucket tool. An L-shaped or linear set of handles appears on or near the object. Use these handles to adjust the object's fill. Use the Paint Bucket tool handles to interactively adjust a Pattern or Gradient fill. The round starting handle specifies the starting point of the fill. Drag the starting handle to move the fill within the object without changing the size, width, skew, or angle of the fill. The ending handle represents the ending point of the fill. The distance between the ending handle and the width handle sets the fill angle. Dragging the ending handle does not move the other handles. The width handle represents both aspect (or width) and skew. The Web Dither fill When exporting using a web-safe palette, colors in the image that are not web-safe are shifted to a web-safe color or dithered. Use Web Dither fill to create the appearance of a color outside the web-safe palette that will neither shift nor dither when exported with a web-safe palette. Using a Web Dither fill, you can fill an object with a dither pattern based on two web-safe colors. When a color is selected in the Web Dither fill panel, a dither pattern is created from the two web-safe colors that are closest in value to the color that is to be approximated. Note: Setting a Soft Edge or a Feathered Edge for a Web Dither fill will result in colors that are not web-safe. Tip: To create the illusion of a true transparent fill in a web browser, apply a Web Dither fill to an object and check Transparent on the Fill panel. Then, export the object as a GIF or PNG with Index Transparency or Alpha Channel Transparency set. When viewed in a web browser, the web page's background will show through every other pixel of the transparent Web Dither fill, creating the effect of transparency. For more information about palettes and exporting, see Working with Palettes .
<url>../html/2318_Adding_texture.htm</url>
<title>Adding texture</title> Adding texture Both the Stroke panel and the Fill panel have an option for adding a texture to the brush stroke or fill. The Texture name pop-up displays a preview of the highlighted texture. The Amount of texture field next to the Texture name pop-up controls the depth of the texture from 0 to 100 percent. Lower percentages result in lighter texture and higher percentages result in heavier texture. On the Fill panel, check Transparent to make the light parts of the texture transparent.
<url>../html/2319_Using_Styles.htm</url>
<title>Adding texture</title> Using styles Use styles to maintain visual consistency and to simplify formatting. Use the Styles panel to store and apply stroke, fill, effect, and text styles to objects or text. Styles in Fireworks behave like an artist's palette, not like styles in a word processor. When a style is applied to an object, that object takes on the style's characteristics. However, Fireworks does not keep track of which style was applied to the object, and the object does not update if the style is edited. To apply a style to an object, select an object or text, and then click a style in the Styles panel. To add a new style: Create an object or text block with the stroke, fill, and text settings you want. With the object selected, choose New Style from the Styles panel Options pop-up, or click the New Style button at the bottom of the Styles panel. Enter a name for the style and check the properties you want to apply with the style. Properties left unchecked will not be applied to an object with the style. Click OK. An icon for the style appears on the Styles panel showing a quick preview of the style. Editing and deleting styles To Do This Edit a style Double-click a style or click a style in the Styles panel and then choose Edit Style from the Options pop-up. In the Edit Style dialog box, check or uncheck components of the style that will be applied. Specific style characteristics, such as fill or stroke type, cannot be changed by using Edit Style. To change fill, stroke, or effect settings for a style, create a new style. Delete a style Click a style in the Styles panel, and then choose Delete Style from the Options pop-up or click the Delete Style button at the bottom of the Styles panel. Hold down the Shift key while clicking styles to select multiple styles for deleting. Reset the Styles panel to the default styles Choose Reset Styles from the Options pop-up. Make the style preview icons larger Choose Large Icons from the Options pop-up. Choose Large Icons again to switch back to the small previews. Importing and Exporting styles Styles can be exported and shared with other Fireworks users. To Do this Import styles Choose Import Styles from the Options pop-up, and then choose a saved styles document to import. All styles in the selected styles document are imported and placed directly after the currently selected style on the Styles panel. Export styles Select styles on the Styles panel. Hold down the Shift as you select to select multiple styles. Choose Export Styles from the Options pop-up. Enter a name and a location for the saved styles document, and then click Save.
<url>../html/2320_Applying_fx_to_objs.htm</url>
<title>Applying effects to objects</title> Applying effects to objects Use the Effect panel and Xtras menu commands to enhance graphics with many Live Effects and filters. Easily achieve common web effects such as Bevel, Glow, Drop Shadow, and Emboss, or apply combinations of any of those effects. Alter images with Xtra filter effects such as Blur, Unsharp Mask, and Invert. Live Effects Live Effects are pixel-based effects that apply to path, image, and text objects and redraw to reflect subsequent editing. Applying a Live Effect does not permanently change the original object. The object to which the effect is applied remains editable. The effect itself remains editable and removable. For example, create a button by applying an Outer Bevel effect on the button itself and apply Drop Shadow to the text on the button. The button shape and the text on the button all remain fully editable. Inner Bevel effect Outer Bevel effect Drop Shadow effect Emboss effect Glow effect To apply an effect to an object: Select the object. Choose the effect from the Effect panel. To edit an effect: Select the object. Adjust effect characteristics in the Effect panel. Use the Effect panel Options pop-up to save custom effect settings, rename an effect, and delete an effect. Saved effects are stored only within the current document. To reuse a saved effect in another document, copy and paste an object with the saved effect into the other document. The saved effect is added to the Effect panel. Applying multiple effects Choose Multiple from the category pop-up of the Effect panel to apply multiple effects. To apply multiple effects to an object: Select the object. Choose Multiple from the Effect panel category pop-up. Check the box next to each effect you wish to apply. Each time you check an effect, make specific settings for that particular effect in the dialog box that opens. To edit an effect that is part of a multiple effect: Select the object. Click the edit button next to the effect you want to edit. Change settings in the dialog box that appears, and then click OK. Note: When opening Fireworks 2 documents in Fireworks 1, objects that contain multiple effects will retain only the first effect. Saving, renaming, or deleting multiple effect settings Once a multiple effect is set, you can save that setting so that it can be quickly applied at a later time. To Do this Save a multiple effect setting Choose Save Effect As from the Effect panel Options pop-up, enter a name for the effect, then click OK. The effect will appear in the Multiple Effect presets pop-up on the Effect panel. Rename a multiple effect setting Select the effect you want to rename from the Multiple Effect presets pop-up, choose Rename Effect from the Effect panel Options pop-up, enter a new name, then click OK. Delete a multiple effect setting Select the effect you want to delete from the Multiple Effect presets pop-up, then choose Delete Effect from the Effect panel Options pop-up.
<url>../html/2321_Using_Xtras.htm</url>
<title>Using Xtras</title> Using Xtras The Xtras menu has effects that are not reversible. Once these effects are applied to an object, the object is no longer editable and becomes a floating image object. Fireworks Xtras include Blur, Invert, and Sharpen. Photoshop plug-ins also work in Fireworks. Copy Photoshop plug-ins into the Fireworks Xtras folder to add them to the Xtras menu. Alternatively, use the Preferences dialog box to target an additional plug-in folder.
<url>../html/2322_Using_text.htm</url>
<title>Using text</title> Using text Add text using the Text tool and the Text Editor. Apply brush strokes, fills, and effects to text. Edit text, and its stroke, fill, and effect attributes redraw accordingly. Text tool In Fireworks, text is neither a path nor an image. Text initially has no stroke and a solid fill. A stroke can be added using the Stroke panel. Check Anti-Alias in the Text Editor to give text an anti-aliased edge. Also, text edges can be changed using the Fill panel. A text block is a moveable and resizable object. Text block Text is convertible to an image or to paths; however, converting text renders it uneditable as text. To enter text: Choose the Text tool and click the canvas. The Text Editor opens. Choose font, size, spacing, and other text characteristics. Type the text. To see changes in the document as you edit the text in the Text Editor, check the auto-apply checkbox in the Text Editor. To change text characteristics in the Text Editor, select the text in the Text Editor, then apply changes. Click OK or press Enter. The text appears in a text block in the Fireworks document. Resize and move the text block with the Pointer tool. Add a stroke or effect, or change the fill. To edit text, double-click a text block. Within a single block of text, you can vary all aspects of text, including size, font, spacing, leading, baseline shift, and more. To resize a text block, drag any text block selection handle. To use Type 1 fonts, Fireworks requires Adobe Type Manager 4 or higher.
<url>../html/2323_Text_editor.htm</url>
<title>Using the Text editor</title> Using the Text Editor The Text Editor is where you enter and edit text and change text attributes. Select all or part of the text in the Text Editor preview area and apply changes. To view the results of changes in the document, move the Text Editor so that the selected text block is visible, then click Apply to see the changes without closing the Text Editor.
<url>../html/2324_Attach_text_to_path.htm</url>
<title>Attaching text to a path</title> Attaching text to a path To place text on a path: Select a text block and a path. Choose Text > Attach to Path. Optionally, choose Text > Orientation, then choose an orientation option. Choose any of four orientation options for text on a path: Rotate around Path, Vertical, Skew Vertical, or Skew Horizontal. To edit text attached to a path, double-click the text-and-path object to open the Text Editor. To edit the shape of the path, choose Text > Detach from Path to detach the text from the path and edit the path. After editing the path, select it and the text block and choose Attach to Path. Horizontal text on a path Vertical text on a path with Vertical Orientation A path to which text is attached temporarily loses its stroke, fill, and effect attributes. Subsequently applied stroke, fill, and effect attributes are applied to the text, not the path. A path regains its stroke, fill, and effect attributes when text is detached from it. If text attached to an open path exceeds the length of the path, the remaining text returns and repeats the shape of the path. Text on a path returns and repeats the path shape To move the starting point of text attached to a path: Select the text-and-path object. Choose Window > Object to display the Object inspector. Enter a value in the Text Offset field. A negative offset value is valid when text is attached to a closed path or when text is center-aligned. The attached text's alignment and flowùset in the Text Editorùaffects the outcome of Text Offset.
<url>../html/2325_Text_to_paths.htm</url>
<title>Converting text to paths and images</title> Converting text to paths and images After text is converted into an image object or to paths, it is no longer editable as text. The conversion is irreversible, except when Edit > Undo is available. To convert text to paths: Select the text. Choose Text > Convert to Paths. Text converted to paths retains all of its properties and is now editable only as paths. To convert text to an image object: Select the text. Choose Modify > Merge Images. Text converted to an image object retains its current appearance.
<url>../html/2326_Doc_Size_res.htm</url>
<title>Organizing your document</title> Controlling document size and resolution Choose Modify > Document > Image Size to open the Image Size dialog box and change the document's dimensions, print size, and resolution. To resize an image in Fireworks: Choose Modify > Document > Image Size. The Image Size dialog box opens. Enter numbers in the Pixel Dimensions fields to set the new horizontal and vertical dimensions for the image. By default, the document's current dimensions are displayed in the Pixel Dimensions fields. If Resample Image is unchecked, Pixel Dimensions cannot be changed–only the resolution or Print Size may be changed. Enter numbers in the Print Size fields to set the new horizontal and vertical dimensions of the image when it is printed. Enter a number in the Resolution field to change the resolution of the image. If Resample Image is checked, changing the Resolution also changes the Pixel Dimensions. To maintain the same ratio between the document's horizontal and vertical dimensions, check Constrain Proportions. Uncheck Constrain Proportions to resize the width and height independently from one another. Check Resample Image to add or remove pixels when resizing the image in order to approximate the same appearance at a different size. Click OK. Resampling Resizing bitmap images always presents a unique problem–do you add or remove pixels to resize the image, or do you change the number of pixels per inch or centimeter? One way to adjust the size of a pixelated image is to adjust the resolution, which changes the size of the pixels in the image so that more or fewer pixels fit in a given space. Another way to adjust the image's size is to resample the image. When an image is resampled, pixels must be added or removed to make the bitmap larger or smaller. Either way, the image is altered, which can result in some quality loss at the target resolution. Downsampling , or removing pixels to make the image smaller, always causes quality loss because pixels are being discarded in order to resize the image. Resampling up , or adding pixels to make the image larger, may result in quality loss because some pixels are being added to make the image larger, and the pixels that are added do not always correspond pixel-for-pixel to the original image. Resampling in Fireworks is a little different from most image editing applications because Fireworks contains pixel-based bitmap image objects and vector-based path objects. When an image object is resampled, pixels are added to or removed from the image object to make it larger or smaller. When a path object is resampled, little quality loss occurs because the path is redrawn mathematically at a larger or smaller size. However, since path objects in Fireworks are composed of pixels, some brushes or fills may appear slightly different after resampling because the pixels that compose the stroke or fill must be redrawn. Note: When you resize an image, guides, hotspot objects, and slice objects are resized with the image.
<url>../html/2327_Organize_document.htm</url>
<title>Organizing your document</title> Organizing your document There are several things you can do in Fireworks to help organize your document: Group and ungroup individual objects. Arrange objects behind or in front of other objects. Arrange, lock or unlock, and show or hide layers. Organize layers and frames within a document. Arrange frames. Hide individual objects. Grouping objects Grouping two or more selected objects freezes their positions and stacking order relative to one another, so you can manipulate them as a single object. Objects within a group retain their individual characteristics, unless you modify the entire group. Group selected objects as a single object. To group two or more selected objects, choose Modify > Group. To ungroup, select the group and choose Modify > Ungroup. To work with individual objects within a group, either ungroup the objects or use the Subselection tool to subselect only the objects you want to modify. Modifying attributes of a subselected object changes only the subselected object and not the entire group. Moving a subselected object to another layer will remove the object from its original group. Subselect an object within a group When working with a group, masking group, or symbol: Choose Edit > Subselect to select all objects within a selected group, masking group, or symbol. Choose Edit > Superselect to select the group, masking group, or symbol that contains the selected object. Arranging objects on the same layer To Do this Move an object forward on the same layer Select the object and choose Modify > Arrange > Bring Forward. Move an object to the front of a layer Select the object and choose Modify > Arrange > Bring to Front. Move an object backward on the same layer Select the object and choose Modify > Arrange > Send Backward. Move an object to the back of a layer Select the object and choose Modify > Arrange > Send to Back. Use the Arrange commands to change the stacking order of objects. However, you may not see the change in the stacking order if the objects are not overlapping. Using layers Layers divide a Fireworks document into discrete planes, as though the graphic components were drawn on separate tracing paper overlays. Each object in a graphic resides on a layer. Create all layers before you draw, or add new layers as needed. Only objects on visible, unlocked layers are editable. The canvas is below all the other layers, but it is not actually a layer. Change the canvas color by choosing Modify > Document > Canvas Color and then selecting a different canvas color. The name of the active layer is highlighted on the Layers panel. Drawn, imported, or pasted objects initially reside on the active layer. Layers panel To show or hide the Layers panel, choose Window > Layers. The Layers panel displays the current state of all layers in the current frame of a document. To Do this Add a layer Choose New Layer from the Options pop-up on the Layers panel or Click the New Layer button or Choose Insert > Layer. Delete a layer Drag a layer to the Delete Layer button, select a layer and click the Delete Layer button or Select a layer and choose Delete Layer from the Options pop-up on the Layers panel. Move a layer Drag a layer name up or down on the Layers panel. Show or hide a layer Click the square in the first column to the left of a layer name. A show/hide icon indicates that a layer is visible. Lock a layer Click the square in the second column to the left of a layer name. A padlock indicates that a layer is locked. Objects on a locked layer are not editable until the layer is unlocked. Duplicate a layer Drag a layer to the New Layer button, select a layer and click the New Layer button, or select a layer and choose Duplicate Layer from the Options pop-up on the Layers panel. Move selected objects to another layer Drag the square selection icon to the desired layer. Use the Options pop-up to add, duplicate, rename, remove, hide or show, lock or unlock, and share layers. Check Single Layer Editing to restrict editing to the current layer. Use the Current Frame pop-up to navigate among frames. Alternatively, use the frame controls on the bottom of the document window to navigate among frames. Hiding a layer hides all objects on that layer, but does not remove them from the document. A hidden layer cannot be an active layer. Showing a layer shows all objects on that layer. Hiding selected objects from view To hide all selected objects, select them and then choose View > Hide Selection. Hide Selection does not hide guides. Hidden objects remain hidden when the document is closed and reopened. To show all hidden objects, choose View > Show All. The Web Layer The Web Layer is a special layer that appears at the top of every new document. The Web Layer contains web objects used for assigning interactivity to exported Fireworks documents. For more information about web objects, see Web Objects: The basics of web production . The Web Layer may be moved in the Layers panel, but it may not be deleted. Moving a path object to the Web Layer creates a hotspot in the shape of that object. The Web Layer is always shared across all frames. Sharing a layer across frames Set a layer so that it is shared across all the frames in the document in either of two ways: Double-click a layer, and then in the Layer Options dialog box check Share Across Frames. Select a layer you want to share, then check Share Layer on the Options pop-up of the Layers panel. Using frames Frames comprise the structure for an animated Fireworks document, or contain the alternate states for behaviors. Each frame within a document is the same size and has the same layers in the same order as the other frames. Frames panel To show or hide the Frames panel, choose Window > Frames. Frames are automatically named in numerical order beginning with Frame 1. Add, duplicate, or delete frames using the Frames panel Options pop-up. Use Copy to Frames to copy the current selection and paste it into the frame specified in the Copy to Frames dialog box. Use Distribute to Frames to distribute all selected objects across frames according to the stacking order from bottom to top. For more information about using frames for animation, see Animated GIF . For more information about using frames for rollovers, see JavaScript rollovers .
<url>../html/2328_FindReplace.htm</url>
<title>Find and Replace</title> Find and Replace Use Find & Replace to search for and replace different elements in a document, such as text, URLs, fonts, and colors. When you use Find & Replace, Fireworks can search the current document or multiple files. Also, Fireworks can track changes made during a Find & Replace operation and store a log of the changes in the Project Log panel. Find and Replace only works on Fireworks PNG files, or on files containing vector objects, such as Macromedia FreeHand files, CorelDRAW files, or Adobe Illustrator files. To find and replace elements of a document: Choose Edit > Find & Replace to open the Find & Replace panel. Choose an attribute to search for from the Attributes pop-up. Set the Find and Change to fields to define attributes to find and replace. Click one of the three buttons at the bottom of the Find & Replace panel: Choose Find Next to find the next instance of the element in the Find field. Found elements appear selected in the document. Choose Replace to replace a found element with the contents of the Change to field. Choose Replace All to find and replace every instance of a found element throughout the search range. Selecting the source for the search Fireworks can perform a find and replace in any of five locations. Choose an option from the Search In field to select the range of content you want to find and replace: Selection –Find and replace elements only among the currently selected objects and text. Frame –Find and replace elements only within the current frame. Document –Find and replace elements in the active document. Project log –Find and replace elements in files listed in the Project Log. Files –Find and replace elements across multiple files. When you choose Files from the Search In pop-up, the Open Multiple Files dialog box opens. Navigate to a file you want to search, and then click Add to add that file to the find and replace list. Click Add All to add all files in the current folder to the find and replace list. Managing multiple file searches When finding and replacing among multiple files, select Replace Options from the Options pop-up to set how multiple opened files are backed up after the file has been searched. Check Save and Close Files to save and close all files in a multiple file find and replace. Each file is saved and closed after the find and replace is performed. Only the original active documents remain open. Choose an option from the Backups pop-up to make backups of changed files from a find and replace. Choose No Backups to make no backups. The changed files replace the original files. Choose Overwrite Existing Backups to create only one backup of each original file. If additional find and replace operations are performed, the previous original file always replaces the backup copy. The backup copies are stored in subfolders called Original Files, which are created in the folders of each file that was replaced during a find and replace. If an Original Files folder already exists, it is used instead of a new folder. Choose Incremental Backups to save every instance of a changed file. The original files are moved to an Original Files subfolder of their current folder, and an incremental number is added to the end of each filename. If additional find and replace operations are performed, the original file is copied to the Original Files folder and the next higher number is added to its filename. For example, for a file named Drawing.png, the first time a find and replace is executed, the backup file is named Drawing-1.png. The second time a find and replace is run, the backup file is named Drawing-2.png, and so on. Managing searches with the Project Log The Project Log helps track and control changes made in multiple files when using Find and Replace or when batch processing. Any documents changed during a Find & Replace are automatically recorded in the Project Log. Use the Project Log to navigate through selected files, export selected files using their last export settings, or select files to be batch processed. For more information about batch processing, see Batch Processing . The Project Log records each changed document on a separate line and displays which frame of the document contained the change, as well as the date and time of the change. To Do this Manually add files to the Project Log Choose Add Files from the Project Log Options pop-up and navigate to the file you want to add. Open or display files listed in the Project Log Select a file listed in the Project Log and click Open, or double-click a file listed in the Project Log. Remove an entry from the Project Log Select an entry or entries and choose Clear Selection from the Project Log Options pop-up. Remove all entries from the Project Log Choose Clear All from the Project Log Options pop-up. Export a file listed in the Project Log using its last export settings Select a file or files in the Project Log and choose Export Again from the Project Log Options pop-up. Viewing and printing the Project Log The latest version of the Project Log is stored as an HTML file in the Fireworks \ Settings folder. Open the Project_Log.htm file in a browser to view or print the Project Log. Finding and replacing text Choose Text from the Attributes pop-up of the the Find and Replace panel to search for and replace words, phrases, or text strings in Fireworks documents. Enter the text to search for in the Find field. Enter the text used to replace found text in the Change to field. Check Whole Word to find the text in the same form as it appears in the Find field, and not as part of any other word. Check Match Case to distinguish between uppercase and lowercase letters when searching text. Check RegExp to use regular expressions when searching. Use regular expressions to match parts of words or numbers conditionally during a search. For more information on using regular expressions, see http://developer.netscape.com/docs/manuals/communicator/jsguide/regexp.htm. Finding and replacing fonts Choose Font from the Attributes pop-up of the the Find and Replace panel to search for and replace fonts in a Fireworks document or documents. Specify the font or font characteristics to find in the Find area. Specify the font or font characteristics used to replace found fonts in the Change to area. In the Min field, enter the minimum point size to find of the selected font. In the Max field, enter the maximum point size to find of the selected font. In the Size field, enter a point size to apply to found fonts. Finding and Replacing colors Choose Color from the Attributes pop-up of the the Find and Replace panel to search for and replace colors in Fireworks documents. Choose the color to search for in the Find color well pop-up. Choose the color used to replace the found color with in the Change to color well pop-up. Choose an item from the Apply to pop-up to determine how the colors found in the find and replace are applied: Fills : Find and replace a color used in fills, except for a Pattern fill which is based on a bitmap image. Strokes : Find and replace stroke colors only. Fills and Strokes : Find and replace both fill and stroke colors. Effects : Find and replace effect colors only. Everything : Find and replace fill, stroke, and effect colors. Finding and Replacing URLs Choose URL from the Attributes pop-up of the Find and Replace panel to search for and replace URLs assigned to web objects in Fireworks documents. Enter or choose the URL to search for in the Find field. Enter or choose the URL used to replace found text in the Change to field. The Find and Change to pop-ups display all URLs present in the active document.
<url>../html/2329_SymbolsInstances.htm</url>
<title>Symbols and Instances</title> Symbols and instances Use symbols and instances to simplify Fireworks animations and improve editability. Instances are representations of an original Fireworks object, which is designated as the symbol. When the symbol object (the original) is modified, the instances (the copy) automatically change to reflect the modifications to the symbol. Use symbols and instances to: Simplify modifications to existing animations by changing only the symbol object and having the instance objects update automatically. Easily modify complex illustrations containing multiple copies of objects. Share components across rollover states. Creating a symbol Create a symbol from any object, text, or group. Choose Insert > Symbol to turn one or more selected objects into a symbol. To add objects to an existing symbol, select the symbol and the objects and choose Insert > Symbol Options > Add to Symbol. Symbols cannot include instances or other symbols. A plus icon designates a symbol object. Creating an instance Create an instance using any of these methods: Copy and paste a symbol. Duplicate a symbol. Clone a symbol. Choose a symbol and select Copy to Frames from the Frames panel. Press Alt (Windows) or Option (Macintosh) after you begin dragging a symbol. An arrow icon designates an instance object. Modifying a symbol Modify a symbol to automatically modify all associated instances. Symbols behave as groups when modified or transformed. For example, apply different opacities to components within a symbol by subselecting objects and using the Object inspector. Modifying an instance Instance object modifications are limited to transformations, opacity, blending modes, and Live Effects. When applied to an instance, transformations and Live Effects do not affect an instance's symbol object. Changes to an instance are automatically reapplied when its symbol is modified. Working with symbols and instances To Do this Create a symbol Select an object or group of objects and choose Insert > Symbol. Add items to an existing symbol Select the Symbol and the items and choose Insert > Symbol Options > Add to Symbol. Create an instance Copy and paste, duplicate, or clone a symbol or instance or Select a symbol and choose Copy to Frames from the Frames panel or Press Alt (Windows) or Option (Macintosh) after you begin dragging a symbol. Delete all instances while retaining a symbol Select the symbol and choose Insert > Symbol Options > Delete Instances. Delete a symbol and all associated instances Delete the symbol and confirm in the resulting dialog box to delete all instances. Break the link between a symbol and its instances Select the symbol, choose Insert > Symbol Options > Break Link, and then click Group from the resulting dialog box. The instances are retained as unlinked groups. Find a symbol for a particular instance Select an instance and choose Insert > Symbol Options > Find Symbol. Move a symbol and its instances simultaneously Select the symbol, choose Edit > Subselect, and move the contents of the symbol. Note: Symbol and instance functions are available only in object mode. Tweening Choose Insert > Tween Instances to blend a symbol and one or more of its instances, creating interim instance objects with transitional attributes. This is known as tweening. Alternatively, tween two or more instances without using a symbol. Instance objects created by tweening derive attributes from the symbol or instance objects used. For example, tween a vertical symbol with a horizontal instance to produce instance objects that rotate progressively to form a blend from the vertical object to the horizontal object. Tweening can apply to these object characteristics: Transformations – Tween between objects with different rotation, scaling, distortion, or skew transformations. Opacity – Tween between opacity settings of the same opacity type. Live Effects – Tween between settings of the same Live Effects. Tweened from 100% opacity to 25% opacity To tween: Select objects to be tweened. Tween a symbol and one or more of its instances or tween two or more instances of the same symbol object. Choose Insert > Tween Instances. Enter the number of tween steps in the Tween Instances dialog box and click OK. Check Distribute to Frames to distribute the tweened objects to separate animation frames.
<url>../html/2330_Compositing.htm</url>
<title>Compositing</title> Compositing Compositing is the process of varying the transparency or color interaction of two or more overlapping objects to create a variety of graphic elements. Using the Object inspector Use the Object inspector to adjust the opacity of selected objects and to apply blending modes. A setting of 100 renders an object completely opaque. A setting of 0 (zero) renders an object completely transparent. Using blending modes Blending modes manipulate the color values of overlapping objects to create effects. They also add a dimension of control to the opacity effect. Blending mode examples Choosing a blending mode applies it to the entire appearance of selected objects. Objects within a single document or a single layer can have blending modes that differ from other objects within the document or layer. To set a default blending mode for newly drawn objects, choose Edit > Deselect, and then choose a blending mode. When objects with different blending modes are grouped, the group's blending mode overrides individual blending modes. Ungrouping the objects restores the objects' individual blending modes. A blending mode has four elements: Blend color: The color or colors of the object to which the blending mode is applied. Opacity: The opacity of the object to which the blending mode is applied. Base color: The color of pixels underneath the blend color. Result color: The result of the blending mode's effect on the base color or colors. Choose To Normal Apply no blending mode. Multiply Multiply the base color by the blend color, resulting in darker colors. Screen Multiply the inverse of the blend color by the base color, resulting in a bleaching effect. Darken Select the darker of the blend color and base color to use as the result color. This color replaces only pixels that are lighter than the blend color. Lighten Select the lighter of the blend color and base color to use as the result color. This color replaces only pixels that are darker than the blend color. Difference Subtract the blend color from the base color or the base color from the blend color. The color with less brightness is subtracted from the color with more brightness. Hue Combine the hue value of the blend color with the luminance and saturation of the base color to create the result color. Saturation Combine the saturation of the blend color with the luminance and hue of the base color to create the result color. Color Combine the hue and saturation of the blend color with the luminance of the base color to create the result color, preserving the gray levels for coloring monochrome images and tinting color images. Luminosity Combine the luminance of the blend color with the hue and saturation of the base color to create the result color. Invert Invert the base color to create the result color. Tint Add gray to the base color to create the result color. Erase Remove all base color pixels to reveal the canvas color. Blending mode behavior In object mode, a blending mode affects the selected object. In image edit mode, a blending mode affects the floating selection of pixels. In image edit mode without a floating selection, a blending mode affects the strokes and fills of subsequently drawn objects. The effect of a blending mode in image edit mode describes how new pixels blend against other pixels in the same image.
<url>../html/2331_Blend_mode_ex.htm</url>
<title>Blending mode examples</title> Blending mode examples Original image Normal Multiply Screen Darken Lighten Difference Hue Saturation Color Luminosity Invert Tint with 50% opacity Erase
<url>../html/2332_Masking.htm</url>
<title>Masking</title> Masking In Fireworks, masks are created by grouping two objects together as a mask group. The top object acts as the mask, while the bottom object is the image to be masked. Masks may be created from any element in Fireworks, including images, path objects, or text. A mask group has two primary uses: Cropping an image to the shape of another object. Pasting an object inside another object, so that the top object continues to be visible. This is known as a paste inside or clipping path in FreeHand. Filtering an object through another object's alpha channel. When objects are grouped choosing Modify > Mask Group, the top object's grayscale values are used to mask the underlying object. This is the equivalent of applying an alpha channel in Photoshop. A typical application of a mask is to use the top image to define gradient transparency for the bottom object. Graphic and clipping path Paste inside Top graphic (mask) and bottom graphic Mask group To create a clipping path mask: Position the object to be pasted in front of the destination path. Cut the object to the Clipboard. Select a path inside which the object on the Clipboard is to be pasted. Choose Edit > Paste Inside. The object on the Clipboard is pasted inside the selected object in the same position from which it was cut. The Object inspector identifies this element as a clip group. To create a mask similar to a layer mask: Position two or more objects, one on top of the other, so that the top object is the object to be used for the mask and the bottom object is the object to be masked. Select the objects. Choose Modify > Mask Group. The top object is converted to an alpha object who's grayscale values are used to mask the bottom object. Note: The top object need not be a path for masking. It can be an image. To Do this Convert a paste inside into a mask group Select the paste inside, choose Window > Object, and then choose Clip to Top Object's Image. Convert a mask group into a paste inside Select the mask group, choose Window > Object, and then choose Clip to Top Object's Path. Convert a normal group into a mask group Select the group then choose Mask Group from the Group pop-up on the Object inspector. Convert a mask group into a normal group Select the mask group then choose Group from the Group pop-up on the Object inspector. Editing objects within a mask group When the mask group is selected, the attributes of the top object are reflected in the Fill panel, Stroke panel, and Effect panel, and can be easily edited by changing settings in the panels, or by using a related tool such as the Paint Bucket tool. Use the Subselection tool or double-click the mask group handle, located in the center of the mask group, to select the bottom object.
<url>../html/2401_FW_work_flow.htm</url>
<title>Fireworks in the work flow</title> Fireworks in the work flow Although Fireworks greatly reduces the need for other applications within the graphic creation workflow, it is highly compatible with other applications associated with producing web graphics. Import graphics created in applications such as FreeHand or Photoshop, and edit them using familiar tools and similar document-organization features such as layers and frames. Export optimized graphics, HTML, and JavaScript for use in Dreamweaver or in a web browser. Import and export a wide variety of file formats. Use Export Preview to quickly determine the best balance of size and quality for exported graphics without switching to and from a browser. Batch process all files within a folder and name and save export presets.
<url>../html/2402_Importing.htm</url>
<title>Importing</title> Importing Import graphics or text in any of four ways: Import Open Drag and drop Copy and paste Import File dialog box To import a graphic using the Import File dialog box: Choose File > Import. Select a file and click Open. When available, a preview of the selected file is shown along with file information such as file type and file size. Position the import cursor where you want the upper-left corner of the object to appear. Click the mouse button to place the object at its default size. Click and drag to scale the object. Imported bitmap images are placed as image objects. For more information about image objects, see Image edit mode basics . Fireworks can import these formats: PNG GIF JPEG BMP TIFF xRes LRG ASCII RTF Adobe Photoshop 3, 4, 5 Adobe Illustrator 7 Macromedia FreeHand 7, 8 CorelDRAW 7 Targa Drag and drop Drag and drop objects, images, or text into Fireworks from any application that supports OLE Drag and Drop (Windows) or Macintosh Drag and Drop (Macintosh), such as: Macromedia FreeHand 7, 8 Macromedia Flash 2, 3 Adobe Photoshop 4, 5 Adobe Illustrator 7, 8 Microsoft Office 97 Microsoft Internet Explorer 3, 4 Netscape Navigator 3, 4 CorelDRAW 7, 8 To drag and drop into Fireworks: Select a graphic in another application and drag it over an open Fireworks document. Position the cursor where you want to drop the selection and release the mouse button. Copy and paste Objects that are pasted into Fireworks from another application are centered in the active document. When using copy and paste, Fireworks accepts these formats from the Clipboard: FreeHand 7, 8 Illustrator PNG PICT (Macintosh) DIB (Windows) BMP (Windows) ASCII text Resampling Resampling adds pixels to or subtracts pixels from a resized image to match the appearance of the original image as closely as possible. Resampling an image to a higher resolution typically causes little data or quality loss. Resampling to a lower resolution always causes data loss and a drop in quality. When pasting an image with a resolution that differs from the destination Fireworks document, Fireworks displays a dialog box asking if the image is to be resampled: Click Resample to maintain the pasted dataÆs original width and height, adding or subtracting pixels as necessary. Click DonÆt Resample to keep all the original pixels, which may make the relative size of the pasted image larger or smaller than expected. Pasting Each edit mode handles pasted data differently: In object mode, pasting a pixel selection yields a rectangular image object, which uses alpha transparency to maintain the appearance of the selection. In image edit mode, pasting a vector graphic or image object pastes a pixel selection that remains floating until it is deselected. When deselected, the selection becomes part of the current image.
<url>../html/2403_Imp_text.htm</url>
<title>Importing text</title> Importing text Import text into Fireworks using the same methods for importing graphics. Fireworks imports two text formats: RTF (Rich Text Format) and ASCII (plain text). RTF Choose File > Open or File > Import to import RTF text. When RTF text is imported, Fireworks maintains these attributes: Font Size Style (bold, italic) Alignment (left, right, center, justified) Leading Baseline shift Range kerning Horizontal scale First character's color All other RTF information is ignored. Note: Fireworks cannot import RTF text using copy and paste or drag and drop. ASCII Import ASCII text using any of the four import methods. Imported ASCII text is set to the default font, 12 pixels high, and uses the current fill color.
<url>../html/2404_Imp_FW_files.htm</url>
<title>Importing fireworks files</title> Importing Fireworks files Import saved Fireworks files into the current drawing layer of an active Fireworks document. When importing a Fireworks file: Hotspot objects and slice objects are placed on the Web Layer of the Layers panel. For more information about URLs, see Creating an image map . Layers within the imported file are merged. In files with multiple frames, only the first frame is imported. Imported objects from a Fireworks file are selected when they are first imported so they may be easily groupe, moved, or distributed immediately after import.
<url>../html/2405_Imp_FH_Illustra.htm</url>
<title>Importing FreeHand, Illustrator, or CorelDRAW</title> Importing FreeHand, Illustrator, or CorelDRAW files Import objects or files from Macromedia FreeHand, Adobe Illustrator, or CorelDRAW using any of the four import methods. When opening or importing a vector-based file, use the Vector File Options dialog box to define specific settings. Vector File Options do not apply when pasting or dragging. Scale : Specify the scale percentage for the imported file. Width and Height : Specify in pixels the width and height of the imported file. Resolution : Specify the resolution of the imported file. File Conversion : Specify how multipage documents are handled when imported. Open a page : Import only the specified page. Open pages as frames : Import all the pages from the document, and place each on a separate frame in Fireworks. Remember layers : Maintain the layer structure of the imported file. Convert layers to frames : Place each layer of the imported page onto a separate frame in Fireworks. Include Invisible Layers : Import objects on layers that have been turned off. Otherwise, invisible layers are ignored. Include Background Layers : Import objects from the document's background layer. Otherwise, the background layer is ignored. Render as images : Rasterize complex groups, blends, or Tiled fills and place them as a single image object in a Fireworks document. Enter a number in the field to determine how many objects a group, blend, or Tiled fill can contain before it is rasterized during import. Anti-aliased : Anti-alias imported objects. Note: Use Modify > Edge after importing to change selected objects to Anti-Alias or Hard Edge.
<url>../html/2406_Imp_AI_files.htm</url>
<title>Importing Illustrator files</title> Importing Illustrator files These vector file import options are not available when importing Illustrator files: File Conversion > Page options. File Conversion > Include Background Layers. Render as images > Blends over < number > steps.
<url>../html/2407_Imp_CDR.htm</url>
<title>Importing CorelDRAW files</title> Importing CorelDRAW files Fireworks can import uncompressed CDR files that have been created with CorelDRAW 7 or 8 for Windows. These vector file import options are not available when importing CDR files: File Conversion > Include Background Layers. Render as images > Blends over < number > steps. Render as images > Tiled Fills over < number > objects. Note: Fireworks cannot open or import CMX files or compressed CDR files. Because CorelDRAW supports a different set of features from Fireworks, the following changes occur when importing CDR files: Master pages : The contents of the master pages are repeated on each Fireworks frame. Blends : Fireworks only imports the two end objects of the CorelDRAW blend. The objects are grouped after import. Dimensions : Converted to vector objects. Text : Only basic text is imported. Most character and paragraph parameters are unsupported. Colors : Colors are generally converted to RGB colors if possible.
<url>../html/2408_Imp_anim_GIFs.htm</url>
<title>Importing animated GIFs</title> Importing animated GIFs Choose File > Open to import animated GIFs. When opening an animated GIF, Fireworks places each frame of the animated GIF on a separate frame in the Fireworks document. Also, Fireworks creates a Background layer based on the common pixels found in all the imported frames.
<url>../html/2409_Scanner_Camera.htm</url>
<title>Importing from a scanner or digital camera</title> Importing from a scanner or digital camera Import images from scanners or digital cameras directly into Fireworks using TWAIN modules or Photoshop Acquire plug-ins (Macintosh). Images imported into Fireworks from a scanner or digital camera are opened as a new document. To import an image from a scanner or digital camera: Connect the scanner or camera to your computer. Follow the connection instructions included with the camera or scanner to ensure correct installation. Install the software that accompanies the scanner or camera. Fireworks cannot scan images unless the appropriate software drivers, modules, and plug-ins have been installed. Again, consult the documentation for the scanner or camera for specific instructions on correct installation and setup. In Fireworks, choose File > Scan and select a TWAIN module or Photoshop Acquire plug-in that corresponds to the device from which you are importing an image. For most TWAIN modules or acquire plug-ins, additional dialog boxes will ask you to set options for the module or plug-in. Follow instructions and make settings as needed. For more specific instructions about settings and options, consult the documentation for the TWAIN module or acquisition plug-in that you are using. The imported image is opened as a new Fireworks document. Using Photoshop Acquire plug-ins (Macintosh) To use Photoshop Acquire plug-ins in Fireworks, one of two things must be done during or after installation: Install the Photoshop Acquire plug-in in the Fireworks \ Settings \ Xtras folder. Install the Photoshop Acquire plug-in in the Photoshop Plug-ins folder or in another folder. Then, in Fireworks, choose File > Preferences > Folders, check "Photoshop Plug-Ins" and browse to the folder containing the Acquire plug-in.
<url>../html/2410_Exporting.htm</url>
<title>Exporting</title> Exporting Finding a good balance between quality and speed when exporting a graphic for use on the web can be a daunting task. Fireworks offers several methods to help develop the best quality graphics with the lowest file size possible. Fireworks exports graphics through these methods: Drag and drop Copy and paste Export Export Area tool Export as Files Export as CSS Layers Export Again Export Wizard To export a graphic: Choose File > Export to display the Export Preview. Choose settings. Click Next. In the Export dialog box, type a name for the file, select slicing options and HTML style, select the destination, and click Save (Windows) or Export (Macintosh). Choose File > Export Again to quickly export a file using its previous export settings. Export Again bypasses the Export Preview. Export dialog box Click Next in the Export Preview to open the Export dialog box. Use the Export dialog box to: Select a location for exported files. Provide a base name for automatically named exported files (for example, slice objects). Choose slicing options. Choose HTML style . Select a location for associated HTML. Access the Document Properties dialog box using the Setup button. Export Wizard Use the Export Wizard (File > Export Wizard) to help optimize your exported files. Answer questions about the file's destination and intended use, and the Export Wizard suggests file type and optimization settings. In addition, the Export Wizard attempts to optimize an exported file to fit within the size constraint you set in the Target export file size field. Constrain file size from the Export Preview using the Export to Size Wizard. Click the Export to Size button to open the Export to Size Wizard and enter a desired file size. Export to Size button The Export to Size Wizard attempts to match the requested file size using the following methods: Adjusting JPEG quality. Modifying JPEG smoothing. Altering the number of colors in 8-bit images. Changing dither settings in 8-bit images. Enabling or disabling Optimization. Slicing options available: None: Use no slice options when exporting. Use Slice Objects: Export slice objects as defined using the Slice tool. Slice Along Guides: Slice exported objects along existing guides. Default HTML styles available: None Dreamweaver Library.lbi Dreamweaver 2 FrontPage Generic For more information about using HTML styles, see Exporting HTML with a Fireworks file . Export Commands Use this export command To Export Open the Export Preview and choose export settings. Export Special > Export As Files Export images contained on multiple frames, layers, or slices of a document as individual images. Note: When exporting slices as individual images, any behaviors attached to those slices will be ignored, and no HTML is exported. Export as CSS Layers Export images contained on multiple frames, layers, or slices of a document as individual images and generate HTML with each image placed on an individual CSS layer. Note: When exporting slices as individual images, any behaviors attached to those slices will be ignored. Export Again Export the current document using the previous export settings. Export Wizard Launch the Export Wizard to help select optimal export settings. Export Area tool Export a specific portion of an image.
<url>../html/2411_Exp_Pvw.htm</url>
<title>Using Export Preview</title> Using the Export Preview Use the Export Preview to try different settings for the chosen file format, compare the effects of different color palettes and transparencies, customize palettes and animation settings, and preview the file pixel-for-pixel as it will be exported. Preview area The preview area displays the graphic exactly as it will be exported and estimates file size and download time with the current export settings. When exporting animated GIFs or JavaScript rollovers, the estimated file size is a total of all frames. Note: To speed redraw of the Export Preview, uncheck Preview. To stop the redraw of the preview area when changing settings, press Esc. Split view Click a button to divide the preview area into one, two, or four previews. Each preview window can display a preview of the exported graphic with different export settings. Because each preview accurately reflects the exported graphic, you can use split views to compare different settings and create the smallest file size while maintaining an acceptable level of quality. Magnification and pan control Choose the Magnify tool, and then click to magnify the preview. Use Alt-click (Windows) or Option-click (Macintosh) to zoom out. Choose the Pointer tool and drag within a preview to pan. When multiple views are open, all previews are magnified to the same level and all previews pan simultaneously to display the same portion of the image. Saving export presets Save Export Preview settings for future exports or batch processing. Settings within the Options panel are included in the saved export settings. In addition, the Animation settings are saved when the export file format is animated GIF. When applying export presets to animated GIFs, ensure that the imported presets contain an equal or greater number of frames; otherwise, remaining frames in the animation will be set to the Fireworks default settings, which are unspecified disposal, 20/100 delay. Applying preset export settings does not override custom cropping and scaling previously applied within the Export Preview. To save export presets: Click the + in the preview area of the Export Preview. Type a name for the export preset and click OK. The preset is saved in the Fireworks \ Settings \ Export Settings folder. To apply saved export presets to a preview, choose a preset from the Export Presets pop-up in any preview area. To delete an export preset, remove or delete its file from the Fireworks \ Settings \ Export Settings folder.
<url>../html/2412_Options_panel.htm</url>
<title>Options panel</title> Options panel Use the Options panel to choose file format and format-specific settings for exporting. Although some settings are common to many formats, other settings are unique to a single format. Format Select the file format for the exported image. Fireworks exports the following formats: GIF JPEG PNG TIFF PICT (Macintosh) xRes LRG BMP Color depth Color depth is the number of colors used in the exported graphic. Although most web images are exported in 8-bit color (256 colors), Fireworks exports some formats with 24-bit and 32-bit depths. Bit depth Maximum number of colors Fireworks export formats that support this bit depth 1-bit colors 2 colors GIF, PNG, PICT, TIFF, LRG 8-bit 256 colors GIF, PNG, PICT, BMP, TIFF, LRG 24-bit 16.7 million colors (millions) JPEG, PNG, PICT, BMP, LRG, TIFF 32-bit 16.7 million colors and an 8-bit alpha channel PNG, LRG, TIFF Higher color depths create larger exported files, and are typically not ideal for web graphics. Use JPEG with 24-bit or 32-bit color depths when exporting photographic images with continuous tones or complex gradient blends of colors.
<url>../html/2413_Wkg_w_palettes.htm</url>
<title>Working with color palettes</title> Working with color palettes Color palettes are groups of colors, 8-bit or less, which are stored within an image file or as a separate palette file. Use palettes when creating graphics to control which colors are available. For example, if you have a group of five corporate colors, you can create a palette with only those colors so that they may be quickly and precisely selected when drawing. Use palettes when exporting a graphic to limit the colors included in the exported file. Using palettes for drawing and creating When creating an image that will be exported with a palette, draw or create an image using colors from the palette you will use during export. Since the Fireworks document window always displays the image in millions of colors (24-bit), using a palette when creating an image can help minimize color shifting or dithering when you force the image to 8-bit color or less during export. If you are not sure which color palette will be used for the exported image, use the default palette for the Swatches panel, which is the Web 216 palette. To replace all the colors in the Swatches panel with colors from a palette: In the Swatches panel Options pop-up, choose Replace Swatches. Browse to a saved color palette or GIF image file that contains colors you want to add, and click OK . Colors from the saved palette or GIF image file appear in the Swatches panel. To add colors from a palette to the Swatches panel: In the Swatches panel Options pop-up, choose Add Swatches. Browse to the saved color palette or GIF image file that contains colors you want to add, and click OK . Colors from the saved palette or GIF image file are added to the colors in the Swatches panel. Note: Adding or removing colors from the Swatches panel does not alter colors already appearing in the document. Fireworks does not restrict itself to colors in the Swatches panel when drawing. When creating glows, feathered edges, anti-aliased edges, gradients, or other transparent effects, colors other than those that appear in the Swatches panel are used. This may cause dithering or color shifting when exporting with some palettes. To prevent dithering or color shifting, limit use of gradients, export using an adaptive palette, or export in a file format that supports higher than 8-bit color. For more information about the Swatches panel, see Using the Swatches panel . Using palettes for exporting Optimize or customize palettes during export using the Options panel of the Export Preview. When exporting an image with a color depth of 8-bits or less, palette options appear in the Export Preview. Choose a palette from the Palette pop-up, and then optimize it as desired. These palettes are available by default: Adaptive: A custom palette derived from the actual colors in the document. Adaptive palettes most often produce the highest quality image with the smallest possible file size. WebSnap Adaptive: An adaptive palette in which colors that are near in value to web-safe colors are converted to the closest web-safe color. Web 216: A palette of the 216 colors common to both Windows and Macintosh computers. This palette is often called a web-safe or browser-safe palette, because it produces fairly consistent results on different platforms and with different browsers. Exact: A palette containing the exact colors used in the image. Only images created with 256 colors or less may use the Exact palette. If the image contains more than 256 colors, the palette reverts to Adaptive. System (Windows) and System (Macintosh): Each palette contains the 256 colors as defined by the Windows or Macintosh platform standards. Grayscale: A palette of 256 or fewer shades of gray. Using this palette will effectively convert the exported image to grayscale. Black and White: A two-color palette that converts the image to black and white. Uniform: A mathematical palette based on RGB pixel values. Custom: A palette that has been modified or loaded from an external palette or a GIF file. Choose Load Palette from the Export Preview Options pop-up to load a palette. Setting the number of colors in the palette Enter a number in the Number of Colors pop-up to set the maximum number of colors desired in the exported image. The number below the entry field displays the actual number of colors used in the image. Create smaller files by reducing the number of colors. Setting the number of colors to a number lower than the actual number of colors in an image forces some colors to be lost, beginning with the least used colors. Pixels containing lost colors will be converted to the closest color remaining in the palette. Editing colors in a palette The palette view displays colors used in the current preview of the image when working in 8-bit color or less. Use the palette view to preview or modify the palette for an image. The preview window updates to reflect changes made in the palette view. This symbol Indicates The color has been edited. Note: This does not change the color in the document, only for export. The color is locked. The color is transparent. The color is web safe. The color has multiple attributes. In this case, the color is web safe, locked, and it has been edited. Select a color by clicking it on the palette or in the preview area. To select multiple colors, hold down Control (Windows) or Command (Macintosh) as you click colors. Hold Shift and then click a second color to select a range of colors. Locking colors Individual colors may be locked so that they are not removed or changed when changing palettes or reducing the number of colors in a palette. To Do this Lock a selected color Click the Lock button on the bottom of the Palette view or choose Lock Color from the Options pop-up. Unlock a color Select a color and then click the Lock button on the bottom of the Palette view or choose Lock Color from the Options pop-up. Unlock all colors Choose Unlock All Colors from the Options pop-up. Locked colors are indicated by a small square in the lower-right corner of the swatch, as shown here: If you switch to another palette after colors have been locked, locked colors are added to the new palette according to the following table: When switching to Locked colors are Adaptive and WebSnap Adaptive Forced into the new palette. Web 216 and Uniform Added to the palette if not already present. Only the first 40 locked colors from the previous palette are added. Additional locked colors are discarded. Exact Added until the total number of colors in the palette equals 256. If the addition of locked colors causes the total number of colors in the palette to exceed 256, the palette switches to WebSnap Adaptive and locked colors are included accordingly. Macintosh, Windows, Grayscale, or Black / White Discarded. Custom Added until the total number of colors in the palette equals 256. Additional locked colors are discarded. Editing colors Change a color in the palette by editing it in the Export Preview. Editing a color replaces all instances of that color in the exported image. Editing does not replace the color in the original image; however, edited colors are retained the next time the Export Preview is accessed. To edit a color, select the color, and then click the Edit button below the Preview area or choose Edit from the Options pop-up. Change the color using the system color picker. The new color replaces every instance of the replaced color in the preview area. The Edit button Edited colors are indicated on the Palette view with a small square in the lower-left of the swatch, as shown here: Tip: Use shortcut menus to edit colors. Right-click (Windows) or Control-click (Macintosh) a color in the palette to display a shortcut menu of edit options for the color. Removing edits to colors Remove any edit made to a color by selecting the color and choosing Remove Edit from the Options pop-up. Also, individual edits may be removed by selecting a color and then deselecting the button of the edit you wish to remove. Setting web-safe colors Web-safe colors are colors that are common to both Macintosh and Windows platforms. These colors are not dithered when viewed in a web browser on a computer display set to 256 colors. Web-safe colors are indicated on the Palette view with a small diamond in the center of the swatch, as shown here: Fireworks has several methods of applying and using web-safe colors. Choose the Web 216 palette to force all colors to web-safe colors. Choose the WebSnap Adaptive palette to create an adaptive palette in which colors that are near in value to web-safe colors are converted to the closest web-safe color. Select a color and click the Web-Safe button, or choose Snap to Web-Safe from the Options pop-up to force that color to its closest web-safe equivalent. . Changing colors to web-safe in the Export Preview does not effect the actual image, only the exported version of the image. However, all colors set to web-safe are retained each time Export Preview is used. Saving a palette Custom palettes may be saved as Photoshop palette files. Saved palettes may be used with other Fireworks documents, or in other applications that support Photoshop palettes, such as Photoshop, FreeHand, or Director. To save a custom color palette: Choose Save Palette from the pop-up next to the Format pop-up. Type a name for the palette and choose a destination folder. Click Save. The saved palette file can be loaded into the Swatches panel or used when exporting other documents. Using Dithering Use dithering to approximate colors not in the current palette. Dithering is especially effective when exporting images with complex blends or gradients or when exporting photographic images to an indexed image format, like GIF. Note: Dithering can greatly increase file size, especially the size of a GIF. To dither the exported image, check Dither in the Export Preview, then enter a percentage value in the Dither Amount field. Higher numbers increase dithering and file size. Adjusting transparency Use the Transparency tools on the Options panel to specify which colors are transparent in exported GIFs or PNGs. Also, make colors transparent by selecting them in the Palette view and then clicking the Transparency button. A gray and white checkerboard denotes transparent areas in both the preview area and the palette view. Setting colors to transparent does not effect the actual image, only the exported version of the image. However, all colors set to transparent are retained each time Export Preview is used. Select any of three transparency types: None: No transparency is saved with this file. Index Color: Select a color or colors for the transparency using the transparency eyedropper tools. By default, this color is the documentÆs canvas color. Alpha Channel: Choose to define transparency with a documentÆs alpha channel. Only PNGs support multilevel alpha transparency. Transparency Eyedropper tools Use the transparency eyedropper tools to add or remove colors from the transparent area of the exported image. Changing transparency does not affect the original image. It only affects the exported image. Use To Select Transparency tool Select a single color for transparency by clicking in the preview area or the palette display. Add to Transparency tool Add colors to the transparency by clicking in the preview area or palette display. Subtract from Transparency tool Remove colors from the transparency by clicking in the preview area or palette display. Using a matte color Use a matte color to redefine the background color of the image when exporting. When viewing transparent web graphics in a browser, an off-colored ring of pixels often appears around the borders of the non-transparent parts of the graphic. This visual mistake is created when the graphic is created over a background color that differs from the background color of the web page on which the graphic is viewed. One solution is to set the Fireworks canvas color to be the same as the background color of the web page. Another solution is to use the Matte color in the Export Preview to change the canvas color during export to match the background color of the web page. This way, a commonly reused image can quickly be re-exported to match a variety of web page background colors. To set the matte color, select a color from the Matte pop-up in the Export Preview. The matte color replaces the canvas color in the exported. Optimize Check Optimize to create the smallest file with the least number of colors. Uncheck Optimize to include all colors in the palette, whether or not they are used in the exported image. Interlacing Check to make the exported GIF or PNG interlaced. When viewed in a web browser, interlaced images quickly appear at a low resolution and then transition to full resolution as they continue to download.
<url>../html/2414_File_panel.htm</url>
<title>File panel</title> File panel Use the File panel to set the scale or exported area of the exported document. Scale The Scale settings increase or decrease the size of the image when exporting. Use either of two scaling methods: Enter a percentage or choose from the pop-up slider to increase or decrease the exported image size by a percentage. The W (width) and H (height) pixel dimensions update automatically. Enter numbers in the W and H fields to scale the graphic to a specific pixel width and height. Check Constrain to keep width and height proportional when scaling. Export Area Check Export area and enter dimensions and coordinates to export a portion of the document. Or, use the Export Area tool to select a portion of the document for export before opening the Export Preview. For more information about exporting an area of a document, see Export Area .
<url>../html/2415_Animation_panel.htm</url>
<title>Animation panel</title> Animation panel Use the Animation panel when exporting an animated GIF. For more information about the Animation panel, see Creating Animations .
<url>../html/2416_Export_Area.htm</url>
<title>Export Area</title> Export Area Use the Export Area tool to export a part of a Fireworks graphic. Export Area tool To export a portion of a document: Choose the Export Area tool from the Toolbox. Click and drag a marquee over the portion of the document to export. When you release the mouse button, the export area remains highlighted by a marquee. Drag any of eight marquee handles to resize the export area. Hold down Shift while dragging to resize the export area marquee proportionally. Hold down Alt (Windows) or Option (Macintosh) while dragging to resize the marquee from the center. Hold down Alt-Shift (Windows) or Option-Shift (Macintosh) while dragging to constrain the proportions and resize from the center. Double-click inside the export area marquee or click the Export button on the Tool Options panel to open the Export Preview. The Export Preview displays the area defined by the export area marquee. Adjust settings in the Export Preview and click Next. In the Export dialog box, type a file name and choose a destination folder, then click Save. To cancel without exporting, double-click outside the export area marquee, press Esc, or select another tool.
<url>../html/2417_Web_exp_formats.htm</url>
<title>Web export formats</title> Web export formats GIF, JPEG, and PNG are graphic file formats that are common in web development because they are highly compressible, making for faster transfer across the Internet. However, a graphic’s visual integrity can vary from one format to another, depending upon each format’s method of compression. Therefore, base your choice of file format upon the design and use of your graphic. GIF Graphics Interchange Format, or GIF, is the most popular web graphic format. Although it can contain only 256 colors, GIF offers good, lossless image compression. Also, GIFs can contain a transparent area and multiple frames for animation. Compression Lossless compression means that no image quality is lost when an image is compressed. A GIF compresses by scanning horizontally across a row of pixels, finding solid areas of color, and then abbreviating identical areas of pixels in the file. Therefore, images with repetitive areas of solid color compress best when saved as GIFs. A GIF is usually ideal for cartoon-like graphics, logos, graphics with transparent areas, or animations. Note: Dithering or anti-aliasing GIF images produces larger files. JPEG JPEG is an alternative to GIF developed by the Joint Photographic Experts Group specifically for photographic images. JPEG supports millions of colors (24-bit). Compression JPEG is a lossy format, which means that some image data is discarded when it is compressed, reducing the quality of the final file. However, image data can often be discarded with little or no noticeable difference in quality. When exporting a JPEG, use the Quality pop-up slider in the Export Preview to determine how much quality is lost when compressing the file. Use a high percentage setting to maintain image quality but compress less, producing larger files. Use a low percentage setting to yield a small file, but produce a lower-quality image. Use the Export Preview to test and compare the appearance and estimated file size with different Quality settings for an exported JPEG. Check either Optimized or Progressive to export the JPEG using optimized compression tables that can reduce file size. Smoothing Use smoothing to help lower the file size of JPEGs. Smoothing blurs hard edges, which do not compress well in JPEGs. To use smoothing, select a level from the Smoothing pop-up in the Export Preview. Higher numbers produce more blurring in the exported JPEG, typically creating smaller files. Sharpening color edges Check Sharpen Color Edges to help preserve fine edges between two colors. Use Sharpen Color Edges when exporting JPEGs with text or hard color transitions to preserve the sharpness of these areas. Progressive Check Progressive in the Export Preview to export a progressive JPEG. Progressive JPEGs, like interlaced GIFs, display at low resolution and then increase in quality as they continue to download. The JPEG format is best for scanned photographs, images using textures, images with gradient color transitions, or any images that require more than 256 colors. Note: Many image editing applications cannot open progressive JPEGs. PNG The Portable Network Graphic, or PNG, is the most versatile of the web graphic formats. However, not all web browsers can take full advantage of PNG characteristics. A PNG supports up to 32-bit color, can contain transparency or an alpha channel, and can be progressive. Web format comparison GIF JPEG PNG Color depth 8-bit maximum Up to 24-bit Up to 32-bit Compression Lossless; compresses solid areas of color Lossy; compresses subtle color transitions Lossless Transparency support Yes No Yes Advantages Lossless compression Transparency Ability to control quality loss in compression Excellent compression of photographic images Lossless compression Alpha transparency High color support Disadvantages Maximum of 256 colors Does not compress gradient colors well No transparency Loss of quality when compressed Not completely supported by common browsers without using plug-ins Typical Uses Cartoon images Logos Animated banners Scanned photographs Images with complex textures Images with complex gradient colors Images with high numbers of colors Complex, live transparency
<url>../html/2418_Other_Exp_formats.htm</url>
<title>Other Export formats</title> Other export formats Fireworks exports other image formats which support up to 32-bit color. TIFF Tagged-Image File Format, or TIFF, is used for high-resolution images that are printed. TIFF is not suitable for use on the web because it is not highly compressible, yielding very large files. PICT PICT is the standard image format for the Macintosh, and is typically used to transfer image data when copying and pasting from one application to another. BMP BMP is the standard bitmap image format for Microsoft Windows. xRes LRG xRes LRG is the image format used by Macromedia xRes.
<url>../html/2419_Batch_processing.htm</url>
<title>Batch processing</title> Batch processing Use batch processing to convert a group of graphic files. When batch processing, you can convert a selection of files to another format; convert a selection of files to the same format with different settings; and find and replace text, colors, URLs, or fonts. To batch process files: Choose File > Batch Process. Choose the files to process. Choose Current Open Files to perform the batch processing actions on all open documents. Choose Project Panel (All Files) to perform the batch processing actions on all files listed in the Project Log panel. Choose Project Panel (Selected Files) to perform the batch processing actions on the files currently selected in the Project Log panel. Choose Custom or click the edit button to display the Open Multiple dialog box and select files to batch process. Choose Actions to perform during the batch process. Check Find and Replace and make settings in the Batch Replace dialog box to find and replace text, URLs, colors, or fonts in the batch processed files. Check Export and make settings in the Batch Export dialog box to change export settings, naming conventions, and scaling options applied to the batched files. Choose backup options for the original files. To create backup copies of the original files, check Backup Original Files and make settings in the Save Backups dialog box. Click OK to run the batch process, or click Script to create a script of the current Batch Processing dialog box settings. A status message displays the number of files currently processed out of the total files appearing in the selected folder. Click Cancel to cancel the batch process. Finding and Replacing during a batch process Check Find and Replace in the Batch Process dialog box to find and replace text, fonts, colors, or URLs when batch processing. When you check Find and Replace, the Batch Replace dialog box appears, prompting you to enter elements to find and replace during the batch process. Batch Replace only affects the following file formats: Fireworks PNG, Illustrator, FreeHand, and CorelDRAW. Batch Replace does not affect GIFs and JPEGs. To select elements to find and replace: Select the type of element to find and replace from the Attributes pop-up. Choose either text, fonts, colors, or URLs. Different sub-options are available for each type of element. In the Find field, enter or choose the specific element to find. In the Change to field, enter or choose the specific element to use to replace found items. To add changed files to the Project Log, check Update Project Log. Click OK to store Find and Replace settings and return to the Batch Process dialog box. For more information about Find and Replace options, see Find and Replace . Note: While URLs may be found and replaced during a batch process, no new HTML files are generated. Changing file settings with a batch process Check Export in the Batch Process dialog box to change file type, file optimization, or scaling settings when performing a batch process. When you check Export, the Batch Export dialog box appears, prompting you to enter settings to apply during the batch process. To set file conversion options for a batch process: Choose the Export Settings to apply to files during the batch process. Choose Use Settings from Each File to use each file's previous export settings during the batch process. For example, when batch processing a folder of GIFs and JPEGs, the resulting files will still be GIFs and JPEGs, and the original palette and compression settings are used when exporting each file. Choose Custom to open the Export Preview and enter custom export settings for the batch process. Choose a preset export setting or a previously saved user export setting to use for the batch process. All preset settings and saved user export settings appear in the Export Settings pop-up. Choose naming options for batch processed files. Choose Original Name to leave file names unchanged. Choose Add Prefix and enter text in the File Name field to add the specified text to the beginning of the filename of each batch processed file. Choose Add Suffix and enter text in the File Name field to add the specified text to the end of the file name before the file extension. For example, if "_thumb" is entered in the File Name field, then the file GETCO.gif would be renamed to GETCO_thumb.gif when it is batch processed. Choose scaling options for the batch processed files. To scale images so that they each fit within a specified width and height range, choose Scale to Fit Area and enter Max Width and Max Height to scale batch processed files proportionally. Tip: Choose Scale to Fit Area to convert a group of images to thumbnail images. To scale to an exact width and height, choose Scale to Size, then enter a width and height. To scale images proportionally but restrict width or height, choose Scale to Size, then enter or choose a value in either the Horizontal Scaling field or Vertical Scaling field, and then select Variable in the other. For example, to proportionally scale images to be 50 pixels wide, type 50 in the Horizontal Scaling field and choose Variable in the Vertical Scaling field. Choose Scale to Percentage to scale images by percentage. Click OK to store Batch Export settings and return to the Batch Process dialog box. Backing up batch processed files Check Backup Original Files and make settings in the Save Backups dialog box to create backup copies of the original files in a batch process. Backup copies of files are placed in an Original Files subfolder in the same folder as each original file. If an Original Files subfolder already exists, the backup copies are placed in the existing folder. In the Save Backups dialog box, choose either of two options: Choose Overwrite Existing Backups to keep only one backup copy of the previous file. When a new batch process is run, the old backup copy is replaced by the new backup copy. Choose Incremental Backups to keep copies of all the backup files. When a new batch process is run, a number is appended to the end of the file name of the new backup copy. For example, if a file called Picture.gif was being backed up using Incremental Backups, the first time the batch process runs, a file called Picture.gif would be copied to an Original Files subfolder. The second time a batch process is run on Picture.gif, a file called Picture-1.gif would be copied to the Original Files subfolder. The third time the file would be called Picture-2.gif, and so on. Note: If Backup Original Files is unchecked, batch processing to the same file format overwrites the original file. However, batch processing into a different file format creates a new file in that format and does not move or delete the original file. Using batch Scriptlets Save batch process settings as cross-platform Scriptlets to easily recreate the batch process multiple times in the future. To create a batch Scriptlet: Choose File > Batch Processing. Make settings in the Batch Processing dialog box. Check the Actions to perform and make settings in the Batch Replace and Batch Export dialog boxes. Each time the saved Scriptlet is run, Fireworks asks which files are to be batch processed. Click Script in the Batch Processing dialog box. Enter a name and destination for the Scriptlet and click OK. To run a batch Scriptlet: Choose File > Run Script. Choose the files to process with the Scriptlet. For more information on choosing files, see the "To batch process files" section above. Click OK. Running Scriptlets by dragging and dropping Execute Fireworks Scriptlets by dragging and dropping them onto the Fireworks application. Dragging a Scriptlet file plus readable files to the Fireworks application launches Fireworks and immediately processes those files. Dragging multiple Scriptlet files and multiple graphic files onto Fireworks processes the graphics files multiple times, once for each script. Using the Project Log Use the Project Log to set up and track files that are part of a batch process. The Project Log lists any files changed by a batch process. For more information about the Project Log, see the section on Find and Replace .
<url>../html/2420_Work_with_DW.htm</url>
<title>Working with Dreamweaver</title> Working with Dreamweaver Macromedia Dreamweaver is a powerful visual web page authoring tool. Use Dreamweaver and Fireworks together to streamline your web design process. Fireworks images in Dreamweaver The most common way to use Fireworks and Dreamweaver is to create web graphics and HTML in Fireworks and then include them on web pages created with Dreamweaver. Fireworks supports CSS (Cascading Style Sheet) layers and Dreamweaver libraries on export. Use CSS layer information in an HTML editor, such as Dreamweaver, to precisely position and animate objects. Use library items in Dreamweaver for content that appears on many pages in your site and for content that must be updated frequently. Library files must have an ".LBI" extension and must be located in a folder named Library at the site root. To place Fireworks images on a web page using Dreamweaver: Export images from Fireworks to a web format. Use GIF, JPEG, or PNG. Copy or move Fireworks images into your Dreamweaver project folder. Although you can include a file from anywhere on your hard drive, it is easier to find and upload the files from Dreamweaver if you keep all your images in the same place in your Dreamweaver project folder. Click the location in the Dreamweaver document where you want to place an image, and then choose Insert > Image. In the Insert Image dialog box, choose an image and click OK. Be sure the path between the HTML document and the image exactly matches the path used on your web server. The link to the image is formed and the image appears on the Dreamweaver page much as it would appear in most web browsers. Note: Remember to upload the image to your web server along with the Dreamweaver HTML document. The image must be placed on the server in the same place in relation to the HTML document as it was in your project folder. Editing Fireworks images that are placed in Dreamweaver Edit Fireworks images placed in Dreamweaver by launching Fireworks from Dreamweaver and editing the image. Edit GIFs and JPEGs in place in Dreamweaver using a Fireworks source file or optimize the image without affecting the source. To launch and edit Fireworks graphics that are placed in Dreamweaver 2: In Dreamweaver, choose Edit > Preferences > External Editor and set Fireworks as the Image Editor. In Dreamweaver, choose Window > Properties to open the Properties inspector if necessary. Select an image and click Edit on the Properties inspector. Dreamweaver launches Fireworks, if it is not already running. Dreamweaver displays the following message: "Do you wish to use an existing Fireworks document as the source of <name of the graphic>?" If a Fireworks source PNG file exists, click Yes, browse to the PNG source file and click OK. If no Fireworks source file exists or if you only want to edit the bitmap image placed in Dreamweaver, click No. Edit the graphic in Fireworks. Choose File > Update. When Dreamweaver launches and edits a graphic in Fireworks, Update replaces Save on the File menu. Choosing Update exports the image using the last Export Preview settings, replaces the GIF or JPEG used by Dreamweaver, and saves the PNG source file if a source file was selected. Close the Fireworks document. Switch to Dreamweaver. The placed image updates to reflect the changes made in Fireworks. To launch and edit Fireworks graphics that are placed in Dreamweaver 1.2: In Dreamweaver, choose Edit > Preferences and select Fireworks as an External Editor. In Dreamweaver, choose Window > Properties to open the Properties inspector if necessary. Select an image and click the Edit Image button on the Properties inspector. Dreamweaver launches Fireworks, if it is not already running. Dreamweaver searches the same folder as the graphic for a PNG file with the same name as the placed file in Dreamweaver, which it assumes is the Fireworks source file. Edit the graphic in Fireworks. Choose File > Export Again. The Save As dialog box opens. In the dialog box, type a file name, choose a destination folder, and then click Save. Close the Fireworks document. Switch to Dreamweaver. The placed image updates to reflect the changes made in Fireworks. Optimizing a graphic in Fireworks In Dreamweaver 2, choose Command > Optimize in Fireworks to open and optimize the selected image in the Fireworks Export Preview. Make changes in the Export Preview and then click Update to save the image and return to Dreamweaver. Launch and optimize does not work in Dreamweaver 1 or in Dreamweaver 1.2. To include Dreamweaver libraries on export: Choose Dreamweaver Library.lbi from the HTML Style pop-up. Save the file with an .LBI extension into a folder named "Library" located at the site root. If necessary, Fireworks prompts you to create this folder. Click Export and save your files.
<url>../html/2421_HTMLJS.htm</url>
<title>HTML and JavaScript</title> HTML and JavaScript Fireworks generates HTML files when exporting image maps, JavaScript rollovers, or slices. Although Dreamweaver can generate the same data, it is often much faster to copy and paste the HTML generated from Fireworks into the Dreamweaver document. When copying JavaScript from Fireworks into Dreamweaver, be sure to: Copy the HTML into the Dreamweaver HTML inspector and not directly into the Dreamweaver page. Copy all of the JavaScript code, as well as the tags for placing the image. Note: Export as Dreamweaver libraries to simplify moving complex Fireworks elements into Dreamweaver.
<url>../html/2422_Edit_FW_imgs_in.htm</url>
<title>Editing Fireworks images in other image editors</title> Editing Fireworks images in other image editors Fireworks PNG files can be edited in other image editors that support the PNG format. However, when other editors open and save a Fireworks PNG, the image is flattened and all path, frame, layer, and text information is lost.
<url>../html/2501_Design_web.htm</url>
<title>Designing web components</title> Producing web components Fireworks has tools for creating many common web components, such as image maps, buttons, and animated GIFs. Also, Fireworks simplifies many web graphic preparation tasks, such as slicing large graphics into multiple files and creating JavaScript rollovers. Features for web production There are eight primary features used to produce hotspots, slices, and rollovers. Those features are: Hotspot Object tools –Draw hotspot objects in the shape of rectangles, circles, or polygons. Slice tool –Draw rectangular slice objects used to separate the image into multiple image files when exported. Object inspector –Set specific properties of hotspot objects or slice objects. Behaviors inspector –Assign interactive behaviors to web objects. URLs manager –Create, import, or export URLs to attach to web objects. Frames panel –Store alternative appearances for rollovers and rollover buttons, or for cels of an animation. File > Document Properties –Change how Fireworks-generated HTML files or sliced graphics are named and make image map settings. Export Preview –Optimize graphics for export, previewing different export settings before you export the graphic. For more information about optimizing and exporting a graphic, see Export Preview . Web objects: The basics of web production The backbone of hotspot and rollover graphics in Fireworks is the web object. Web objects are objects drawn to designate an area of the graphic that triggers an event when the image is viewed in a browser. All web objects have these characteristics: URLs –Attach URLs to web objects to create a link to another web page when clicked in a browser. Alternate text –Enter alternate text to be displayed in a browser while the image is loading or unavailable. Behaviors –Apply behaviors to web objects to create interactivity through JavaScript. Web Layer –Web objects appear on the Web Layer of the Layers panel. The Web Layer is shared across all frames. The Web Layer may be locked or hidden, but may not be deleted. Fireworks has two types of web objects: the hotspot object and the slice object. Hotspot objects are web objects that can be drawn as rectangles, circles, or polygons using the Hotspot tools. Also, hotspot objects can be created from existing objects in a Fireworks document using the Insert > Hotspot command. Hotspot objects are best used to designate clickable regions for an image map or to designate the event area for a rollover behavior. Slice objects are rectangular web objects that slice the image into multiple image files when the image is exported. Also, slice objects define regions of the graphic that may be targeted by rollover behaviors. Creating web objects Create a web object using any of the following methods: To Do This Draw a rectangular hotspot object Use the Rectangle Hotspot tool. Draw a circular hotspot object Use the Circle Hotspot tool. Draw a polygonal hotspot object Use the Polygon Hotspot tool. Create a hotspot object in the exact shape of another object or objects Select the object and choose Insert > Hotspot. If multiple objects are selected, a dialog box asks you to create either a single rectangular hotspot object that covers all the selected objects or multiple hotspot objects. Draw a slice object Use the Slice tool. Create a slice object that completely covers a selected object or objects Select the object and choose Insert > Slice. If multiple objects are selected, a dialog box asks you to create either a single slice object that covers all the selected objects or multiple slice objects. Setting web object properties Use the Object inspector to view and change properties of selected web objects. Since slice objects and hotspot objects have slightly different characteristics, the Object inspector displays different controls when each type of object is selected. Object inspector with a hotspot object selected Object inspector with a slice object selected Note: The color of the web object does not affect export. It only defines the color of the web object when in Fireworks to help you categorize and label different web objects.
<url>../html/2502_Create_img_map.htm</url>
<title>Creating an image map</title> Creating an image map An image map is a graphic with URLs assigned to hotspot regions of the graphic from within an HTML file. Clicking a hotspot in a web browser opens the web page to which the URL links. Choosing an image map source graphic A source graphic is the graphic over which an image map is laid. The graphic can be an imported graphic or a graphic created in Fireworks. When choosing a graphic on which to build an image map, choose one with elements that people are likely to perceive as hotspots. Creating a hotspot A hotspot is an area of a graphic that is linked to a URL. When a hotspot is clicked, the web browser jumps to the web page specified by the linked URL. In Fireworks, define hotspots by creating hotspot objects. To create a hotspot: Create or open a source graphic on which to place a hotspot. Choose a hotspot tool from the Toolbox. Click and hold on the hotspot tool to select the Rectangle Hotspot tool, Circle Hotspot tool, or Polygon Hotspot tool. Create a hotspot region by dragging a hotspot tool. On the Object inspector, enter a URL to which the hotspot will link, enter an ALT description, and enter a target. ALT descriptions and targets are optional. Optionally, click the Overlay Color color well and choose an alternate color for the hotspot. Setting image map options When the image map is complete, choose File > Document Properties to set additional options for the image map. Client-side and server-side image maps A client-side image map requires image map information to be stored within the HTML document. A client-side image map shows the actual URL in the status bar message at the bottom of the browser window. A server-side (NCSA) image map requires the image map information to be saved within a separate file stored on a server and accessed by a CGI script. This type of image map is far more complicated to set up, and is not supported by all servers. Server-side image map behavior varies from system to system, even among different systems using the same server. A server-side image map shows mouse coordinates at the bottom of the screen. Note: Contact your service provider to find out how your server handles server-side image maps. Exporting image maps Export image maps just like you export other images. Make settings in the Export Preview and then click Next to open the Export dialog box. In the Export dialog box, choose an HTML Style format. This causes Fireworks to generate an HTML document when exporting the image. That HTML document will contain MAP information that defines the hotspot regions of the image map or it will contain a link to a MAP file, or both. Exporting image maps can result in the following files: The HTML file. The suffix or extension HTM is added to the file name being exported. The MAP file is generated for server-side image maps and is created when the user specifies a Map Type of Both or Server-Side in the File > Document Properties dialog box. For server side image maps, you must edit the exported HTML file and enter the URL path to the map file where it is placed on the server.
<url>../html/2503_Slicing_imgs_exp.htm</url>
<title>Slicing images when exporting</title> Slicing images when exporting A common method of creating navigation bars or navigation graphics for web sites is to create a graphic and then cut it into pieces that are then reassembled on a web page using an HTML table. The graphic appears seamless in the web browser but is actually made up of multiple pieces, each a separate file. Creating a navigation graphic this way has several advantages: In HTML, creating a link from an entire image is often easier than using an image map. If a section of the graphic is updated frequently, such as today's date or a current news item, a single piece may be replaced rather than the entire graphic. Parts of a graphic can be optimized individually, resulting in optimum file size and quality. Slices designate a part of the image to swap out using a JavaScript rollover. Slice objects as event areas Use slice objects as the target, or event area , of behaviors. For example, use a slice to mark an area that is swapped with another image when a hotspot is triggered somewhere else in the image. Creating a sliced image In Fireworks, use the Slice tool to draw rectangular slice objects. Slice objects define parts of the image that are exported as individual files. When a slice object is drawn, slice guides appear, indicating how the image will be sliced into multiple files when exported. Each slice is exported as a separate file. Fireworks creates the smallest number of slices possible by intelligently combining sections of the image that do not contain slice objects. Slice guides Slice guides are automatically created when slice objects are drawn, and they show you exactly how the image will be divided when exported as slices. Slice guides cannot be edited like normal guides; they are only changed by adding, moving, or resizing slice objects. To Do this Hide or view slice guides Choose View > Slice Guides. Change the color of slice guides Choose View > Guide Options > Edit Guides and choose a new color from the Slice Color pop-up. Creating slices to fit one or more objects Another way to create a slice object is to create it automatically, based on a selected object or objects. Choose Insert > Slice to create a slice object that completely covers the selected object. If multiple objects are selected, choosing Insert > Slice will cause a dialog box to open asking if you want to create a single slice or multiple slices. Clicking Single creates a single slice object that covers all of the selected objects. Clicking Multiple creates a slice object for each selected object. Exporting an image in multiple slices Using the Slice tool, draw slice objects to define areas of the image you want to export as individual files with specific settings. Alternatively, select an object and choose Insert > Slice to create a slice object that covers a selection. Slice guides are displayed indicating how the image will be sliced when exported. Set object properties for each slice object by selecting the slice object and then making changes on the Object inspector . For more information about slice object properties, see Setting web object properties . Choose File > Export to open the Export Preview, set the default export settings for undefined slices, then click Next. Slices that were assigned custom export settings use the custom settings rather than the settings made in the Export Preview during this step. In the Export dialog box, choose a setting from the Slicing pop-up. Choose Use Slice Objects to slice the image according to the slice objects. Choose Slice Along Guides to slice the image according to regular guides (not slice guides). Note: If you choose Slice Along Guides, slice objects will not be used for slicing the image, and any behaviors applied to slice objects will be ignored. Choose an HTML output format, select a destination folder, and click Export. Each region is exported as a separate graphic using the name entered in the Object inspector. If no name is entered, then the slice is named according to settings in the File > Document Properties dialog box. See "Setting slice auto-naming" for more information on how slice names are generated. Specifying export settings for slice objects Each slice object can use different export settings when the image is exported. To specify an export setting for a slice object, select the slice object and then choose a setting from the Export Settings pop-up on the Object inspector. The settings listed in this pop-up are presets saved from the Export Preview, including any presets that you create. Choose Export Defaults to export the slice using the document's export settings. Choose an export preset to use for exporting the slice. Choose Custom to open the Export Preview and set specific settings for the selected slice. Choose Text (No Image) and enter text to export text or HTML code for the slice object and not the underlying image. To apply a custom export setting to a slice, click the button to the right of the Export Settings pop-up to open the Export Preview and enter specific settings for the selected slice object. Naming slices Enter a slice name to define the file name of the slice when it is exported and to help label the slice when targeting it from a rollover behavior. To enter a custom name for a slice, select the slice, uncheck Auto-Name slices on the Object inspector, and enter a name in the slice name field below the checkbox. Unnamed slices default to the naming conventions set in the File > Document Properties dialog box. Setting slice auto-naming Slices that are not custom-named are automatically named by Fireworks. However, you can change how Fireworks auto-names slices. To change auto-naming settings, choose File > Document Properties. Then, in the Document Properties dialog box, choose a different setting from the Auto-naming pop-up. The basename of the slice is the name you enter when exporting the document. The following table illustrates the different auto-naming options if you enter a basename of MyFile. Choose To name slices like this Basename_Row#_Col# MyFile_r01_c01 MyFile_r01_c02 MyFile_r02_c01 BaseName_Numeric MyFile_01 MyFile_02 MyFile_03 BaseName_Alphabetical MyFile_a MyFile_b MyFile_c Row#_Col#_BaseName r01_c01_MyFile r01_c02_MyFile r02_c01_MyFile Numeric_BaseName 01_MyFile 02_MyFile 03_MyFile Alphabetical_BaseName a_MyFile b_MyFile c_MyFile
<url>../html/2504_JS_rollovers.htm</url>
<title>JavaScript rollovers</title> JavaScript rollovers JavaScript rollovers are images that change appearance in a web browser when you move the mouse over them or click them. JavaScript rollovers are created by drawing different rollover states, and then using JavaScript within an HTML file to switch to a different image for certain events, such as moving the mouse over the image or clicking the image. To create a JavaScript rollover: Draw each rollover state on a separate frame, with each state positioned at the same location on each frame. Draw slice objects or hotspot objects to define event areas. An event area is the area used to trigger a rollover. Select each event area, and then choose a rollover behavior from the Add Behaviors pop-up on the Behaviors inspector. Choose File > Export, optimize the image in the Export Preview, then click Next. In the Export dialog box, choose an HTML output format, specify a destination for the images and the HTML file, and then click Export or Save. When exporting rollovers, Fireworks automatically generates the JavaScript necessary to display the rollovers in a web browser and exports that JavaScript in an HTML file. View this HTML file in a web browser to preview the JavaScript rollover. Button rollovers A common use of JavaScript rollovers is to create buttons that change appearance when the cursor is moved over them in a web browser. Each appearance, or state , of a button is a different image. Four states can be used when creating a button – Up, Over, Down, and OverDown. Each state is drawn on a different frame using frames one through four. The following table describes the buttons states and on which frame to draw them: State Description Goes on Frame Up Default appearance of a button. 1 Over Button's appearance when the cursor is moved over it. 2 Down Button's appearance on its destination page. See "The Down state" for more information. 3 OverDown Button's appearance as it is clicked. Or, when creating a toggle-group rollover, OverDown is the appearance of a Down state when the cursor is moved over it. 4 To create a JavaScript rollover button: Draw each button state on its appropriate frame. Draw a slice object over the button. Select the button's slice object, and then choose Simple Rollover from the Add Behaviors pop-up on the Behaviors inspector. If the button has a Down state or an OverDown state, check Include Down state or Include OverDown state in the Simple Rollover dialog box, and then click OK. Choose File > Export, optimize the image in the Export Preview, then click Next. In the Export dialog box, choose an HTML output format, specify a destination for the images and the HTML file, and then click Export. The Down and overDown states The Down state of a rollover button depicts the button's state on the destination web page. For example, the Down state is commonly used to show which button was clicked to view the current web page. The overDown state depicts the button's state when the cursor is moved over it while it is in the Down state. If you choose Simple Rollover, and include the Down state (frame 3), Fireworks exports the JavaScript necessary to make buttons appear in their correct state (Down, Up, etc.) when either placed in a browser frame, or when placed within multiple HTML documents. For information on previewing a rollover with a Down state, see Generate Rollover Demos . Using bevel effects to draw button states Any object may be used to create a rollover state. However, because buttons are the most common type of JavaScript rollovers, Fireworks includes Live Effect presets to simplify the creation of common button appearances. Apply an Inner Bevel or Outer Bevel effect to an object, and then choose Raised, Highlighted, Inset, or Inverted from the Button Presets pop-up on the Effect panel. Button Presets effects Description Raised The bevel appears raised up from the underlying objects. Highlighted The button's colors lighten. Inset The bevel appears sunken into the underlying objects. Inverted The bevel appears sunken into the underlying objects and the colors lighten. Assigning URL links to rollovers To assign a URL link to a rollover, select the hotspot object or slice object, and then choose or enter a URL in the URL link pop-up on the Object inspector. Swapping different parts of the image When creating rollovers, use slice objects to define the parts of the image that will swap out. When the rollover is activated in a browser, the area that was specified by a slice object is swapped with either images from another frame in the Fireworks source file or with an external file. To target a specific part of the image to swap out when a rollover is activated: Draw a slice object over the target area. The target area is the area that changes appearance when the rollover is triggered. Draw a hotspot object or slice object over the event area. The event area is the area that triggers the rollover when the specified mouse event occurs. Select the event area object and choose Swap Image from the Add Behavior pop-up on the Behaviors inspector. In the Swap Image dialog box, choose a slice for the target area. The Target list displays all of the slice objects in the document by their currently assigned name. The slice preview displays how the document is sliced. Click a slice or a name of a slice to choose the slice for the target area. In the Swap Image dialog box, choose the Source for the swap, and then click OK. Choose the source for the swap by either clicking the name of a slice in the In Slice field, or by clicking a slice in the slice preview to the right of the In Slice field. The source for the swap can be the contents of another frame or an external file. When the source is another frame, only the area immediately below the target slice object on the specified frame is used. When the source is another file, the browser resizes the file to fit within the slice object if the source file is not already the same size as the slice object. Resizing the file may reduce its quality, especially for animated GIFs. To resize a selected slice object to specific dimensions, choose Modify > Transform > Numeric Transform, choose Resize from the pop-up, and enter a width and height. Check Restore Image onMouseOut to swap the original image back into the slice when the cursor is moved away from the image. Choose an event for the Swap Image behavior from the events pop-up on the Behaviors inspector. The events you can choose are: onMouseOver –The event is triggered when the cursor is moved over the event area. onMouseOut –The event is triggered when the cursor is moved out of the event area. onClick –The event is triggered when the mouse is clicked in the event area. Export the image. To swap more than one slice at once, apply multiple Swap Image behaviors to the same event area. Using external files for rollover source Fireworks can use GIFs, animated GIFs, JPEGs, and PNGs as the source for a rollover. When an external file is chosen as the rollover source, that file is exchanged with the target slice when the rollover is activated in a web browser. Use an external image file as rollover source when you want a rollover state to be an animated GIF. Choose Image File in the Swap Image dialog box to select an external file as the source for a rollover. Note: Fireworks does not pre-cache rollovers that use external files for rollover states. This is done to prevent interrupted display in browsers when using animated GIFs as rollover states. If you want to pre-cache these rollovers, you must customize the Fireworks output HTML. For more information about customizing Fireworks output HTML, see Exporting HTML with a Fireworks file . Using irregularly shaped rollovers Creating irregularly shaped rollovers is a difficult task in web design. JavaScript rollovers can only swap out entire images. All bitmap images are rectangular; therefore, to create the appearance of an irregularly shaped rollover, the irregular shape is drawn over the rectangular image area. Creating shapes that extend beyond that rectangular area or shapes that interlock require complex JavaScript and slicing to create the effect of irregularly shaped rollovers. Fireworks simplifies the task of creating irregularly shaped rollovers. A hotspot object may be drawn in any shape or created from any object. Then, those hotspots can be used to target a slice object that defines the area of the rollover, even if the hotspot is within the area of the slice object. Example : This interlocking shape requires complex JavaScript to create a rollover where each shape changes color when you move the mouse cursor over it. Default appearance Mouse over the left section Mouse over the ellipse In many cases, designers create two hotspot areas that do not correspond accurately to the shapes in the image. Unfortunately, with this approach the event areas for the rollover do not match the shape of the objects. In Fireworks, draw the changed appearance of the rollovers on Frames 2 and 3. Frame 1 Frame 2 Frame 3 Then, draw a slice object to target the rollover. Create hotspot objects from each of the shapes by selecting each object and choosing Insert > Hotspot. Select each hotspot object and use the Behaviors inspector to set a Swap Image behavior that swaps the slice for Frame 2 or Frame 3 when triggered by the appropriate hotspot object. When exported, moving the mouse over any part of the circle changes the circle's color, while moving the mouse over any part of the shape on the left changes its color. In reality, the entire image is swapped, but the swap is triggered by the irregularly shaped hotspots. Creating toggle group rollovers A toggle group is a series of rollovers grouped so that when one rollover is triggered, the others in the group are triggered as well. For example, in a group of buttons used for navigating a site, pressing one button might cause it to appear sunken while at the same time raising the previously pressed button. Using toggle group rollovers also eliminates the graphic flicker sometimes seen in certain instances of Simple Rollover or Swap Image rollovers. The flicker happens when you move the mouse from one rollover area to the next, and the first rollover's Restore onMouseOut function is executed before the onMouseOver for the second rollover is executed. A toggle group rollover handles the transition between rollover areas smoothly. To create a toggle group rollover: Draw each rollover state on its appropriate frame. Draw a slice object over each rollover area. Assign rollover behaviors to slice objects, as previously described. Select a slice object, and then choose Toggle Group from the Add Behaviors pop-up on the Behaviors inspector. Enter or choose a Group Name for the toggle group to which the slice or hotspot belongs. All slices in a single toggle group must be assigned the same name. If the assigned behavior is Simple Rollover, and Down states or OverDown states have been assigned to the slices, check Include Down state or Include OverDown state in the Toggle Group dialog box, and then click OK. Repeat steps 4 and 5 for each slice in the toggle. If you want one slice to appear in its Down state when initially viewed, select the slice, double-click its toggle group behavior on the Behaviors inspector, and check Make this slice the initial state. Choose File > Export, optimize the image in the Export Preview, then click Next. In the Export dialog box, choose an HTML Style, specify a destination for the images and the HTML file, and then click Export. Exported JavaScript code When JavaScript rollovers are exported, an HTML file is also exported that includes JavaScript used to display the rollover in a web browser. The JavaScript exported from Fireworks includes browser detection, and is compatible with versions 3 or higher of both Netscape Navigator and Microsoft Internet Explorer. Some browsers, such as Internet Explorer 3, cannot display all four JavaScript rollover states. In that case, the JavaScript exported by Fireworks allows those browsers to display the Up state and link to the appropriate URL. Pre-caching The JavaScript generated by Fireworks performs pre-caching of rollover states. This means that when the HTML file is first loaded into the web browser, all rollover images, even those not initially visible, are loaded into the browserÆs memory. When the cursor is moved over a Fireworks JavaScript rollover, the alternative state is immediately swapped, instead of waiting for it to be downloaded from the server. Pre-caching does not occur when rollover source consists of an external file. This is to prevent interrupted play of animated GIFs in browsers when animated GIFs are used as rollover states. Customizing HTML and JavaScript output Customize Fireworks HTML and JavaScript output by editing the HTML style templates. For more information on customizing Fireworks HTML, see Exporting HTML with a Fireworks file .
<url>../html/2505_Anim_GIF.htm</url>
<title>Animated GIF</title> Creating animations Fireworks provides all the tools you need to create animated GIFs. Fireworks animation capabilities are perfect for creating web banner ads or for adding simple motion to your web site. Open and edit existing animated GIFs or create new animated GIFs from scratch. An animated GIF is a GIF89a file containing multiple images. These images act as successive frames of animation when the GIF is viewed in a web browser. Features for animation The five main features for creating animation in Fireworks are: Frames panel– The Frames panel is the backbone for animation. Use the Frames panel to organize, manage, and preview successive frames of animation. Layers panel– When creating animations, the Layers panel becomes a strong counterpart to the Frames panel, not only allowing you to organize parts of the drawing on layers, but also allowing you to share entire layers across all frames, easily creating backgrounds or static objects. VCR controls– Use the VCR control buttons at the bottom of any document window to easily flip through frames of the document or to play a preview of the animation directly in the document window. Symbols and instances– Use symbols and instances to simplify the animation process. Make a symbol of any object or group. Then, create instances of that symbol on other frames that may be moved or transformed independently of the symbol. However, if a new color is applied to the symbol, or if part of the symbol is edited, then all instances update as well. Animation panel of the Export Preview– Use the Animation panel of the Export Preview to set frame delay, disposal method, frame visibility, and looping for an animation. Opening an animation Open existing animated GIFs in Fireworks and edit them. When an animated GIF is opened, Fireworks: Creates a shared layer named "Background" based on common pixels found in more than half of the imported frames. Places the animated components from each frame onto a separate frame of the Frames panel. These components are placed as image objects on a layer named GIF. To edit an animated GIF, choose a frame on the Frames panel and make changes. Opening multiple files as an animation Fireworks can create an animation based on a group of image files. For example, if you are creating a banner ad based on several existing graphics, use File > Open Multiple to open those graphics and place them on separate frames of the same document. To open multiple files as an animation: Choose File > Open Multiple. The Open Multiple Files dialog box appears. Browse to a file or files and add files to open as frames in the animation. Click Add to add a file to the list. Click Add All to add all files in the current folder to the list. Select a file from the added file list and click Remove to remove it from the added file list. Check Open as Animation and click OK. Fireworks opens the files into a single document, each file placed on a separate frame in the order they were chosen in the Open Multiple Files dialog box. Drawing an animation Creating an animation in Fireworks is simple. Just create a new document, then use the Frames panel to add multiple frames to your document. Draw objects on separate frames of the Frames panel, starting with Frame 1. Managing frames Use the Frames panel to add, copy, or delete frames, or to copy or distribute objects across multiple frames. To Do this Add a frame as the last frame on the Frames panel Click the Add Frames button at the bottom of the Frames panel or Choose Insert > Frame. Add one or more frames to a specific place on the Frames panel Choose Add Frames from the Frames panel Options pop-up. In the Add Frames dialog box, enter the number of frames to add and choose where the new frames will be inserted. Create copies of a frame Drag an existing frame to the Add Frames button at the bottom of the Frames panel. Create one or more copies of a frame and place the copies in a specific place on the Frames panel Choose Duplicate Frame from the Frames panel Options pop-up. In the Duplicate Frames dialog box, enter the number of duplicates to create for the selected frame, and choose where the duplicate frames will be inserted. Delete the selected frame Click the Delete Frame button on the bottom of the Frames panel or Choose Delete Frame from the Frames panel Options pop-up. or Drag a frame to the Delete Frame button. Copy the current selection to other frames Choose Copy to Frames from the Frames panel Options pop-up. In the Copy to Frames dialog box, choose where the selection will be copied. Distribute a selection of objects across multiple frames Click the Distribute to Frames button at the bottom of the Frames panel or choose Distribute to Frames from the Frames panel Options pop-up. or Select objects and drag the blue selection knob to the Distribute to Frames button. Objects are placed on existing frames after the current frame. Objects are distributed across frames according to their stacking order, from top to bottom. New frames are added as needed to distribute all selected objects. Sharing layers across frames Layers on the Layers panel may be set so that the objects on those layers appear on all frames of the animation. To share a layer across frames, double-click the layer to open the Layer Options dialog box or select Layer Options from the Options pop-up on the Layers panel, and then check Share Across Frames. Objects on shared layers may be edited on any frame, and those edits are reflected on all other frames. To disable sharing a particular layer across frames, double-click the shared layer and then uncheck Share Across Frames in the Layer Options dialog box. When disabling a shared layer, choose to copy objects from that layer to the current frame or choose to copy the objects on the shared layer to all frames. Note: The Web Layer, which only contains slice objects and hotspot objects, is always shared across all frames. Onion skinning Use onion skinning to view the contents of frames preceding and following the currently selected frame. Onion skinning helps you to smoothly animate frames without having to flip back and forth through frames. The term "onion skinning" comes from a traditional animation technique of using thin, translucent tracing paper to view animated sequences. When onion skinning is turned on, objects on frames before or after the current frame are displayed but are dimmed so that you can distinguish them from objects on the current frame. You may adjust how many frames before and after the current frame are visible by choosing various options from the Onion Skinning pop-up on the Frames panel. The Onion Skinning pop-up contains the following options: Choose To No Onion Skinning Turn off onion skinning and only display the contents of the current frame. Show Next Frame Display the contents of the current frame and the next frame. Before and After Display the contents of the current frame and the frames immediately before and immediately after the current frame. Show All Display the contents of all frames. Custom Enter custom settings for which frames are viewed when onion skinning. Choose Custom to view more than three frames at once or to control the opacity of the frames before and after the current frame when onion skinning. Multi-Frame Editing Choose to turn on multiframe editing so that objects on other frames may be selected and edited when onion skinning. When playing an animation using the Frame controls at the bottom of the document window, onion skinning is temporarily turned off. Symbols and instances Use symbols and instances to simplify animation and improve editability across frames. When the original object (the symbol) is modified, the copies (instances) automatically change to reflect the modifications to the symbol. For example, when animating the word "Cow" across ten frames, create a symbol from the word "Cow" on the first frame, and then place instances of "Cow" on the other nine frames. Move them, transform them, and apply effects to them. To change the word to "Llama," change the symbol on the first frame from "Cow" to "Llama" using the Text Editor. Every instance of that symbol is updated to "Llama," but each instance retains its characteristicsù only the text changes. For more information about symbols and instances, see Symbols and Instances . Optimizing and controlling the animation Use the Options panel in the Export Preview to optimize the animated GIF. Use the Animation panel to set the frame delay and disposal method of each frame, and to set how the animated GIF loops when viewed in a web browser. Disposal method The disposal method determines how pixels of the selected frame are replaced by the next frame when viewed in a web browser. The four disposal methods are: Unspecified– No disposal method is specified. Fireworks automatically selects the disposal method for each frame. Choose Unspecified to create the smallest possible animated GIFs. None– The frame is not disposed before the new frame is displayed. The next frame appears on top of the current frame. Choose None to add a smaller object to the existing frame. Restore to Background– Erases the current frame's image and restores the area to the background color or pattern that appears in the web browser. Choose Restore to Background when moving an object in a transparent animated GIF. Restore to Previous– Erases the current frame's image and restores that area to the previous frame's image. Choose Restore to Previous to animate objects across a background image. Transparency Fireworks exports transparent animated GIFs if the canvas is transparent or if transparency has been defined on the Options panel of the Export Preview. Note: Not all web browsers support transparent animated GIFs. Frame delay Set the frame delay to determine how long the current frame is displayed. Frame delay is specified in hundredths of a second. For example, a setting of 50 displays for half a second, while a setting of 300 displays for 3 seconds. To make frames display as quickly as possible, set the frame delay to 0. To enter a frame delay value, choose a frame from the list and then enter a number in the Frame delay field. Looping Use the Loop settings to determine how many times the animation plays. Click To Play once button Set the exported animated GIF to play once and then stop. Loop button Set the exported animated GIF to replay the animation the number of times specified in the Number of Loops pop-up. For example, entering 4 plays the animation the first time, then replays it four more times. Choose Forever from the Number of Loops pop-up to play the animation continuously. Note: When an animated GIF is done playing, it displays its first frame. Turning frames on and off for export and playback Use the Animation panel of the Export Preview to turn frames on or off for export and preview. Choose File > Export, then click on the Animation tab to view the Animation panel. Then, on the Animation panel, click on the view/hide column next to a frame to turn that frame on or off. If a frame is turned off, it will not be exported with the animation, nor will it be displayed if the animation is previewed in Fireworks. Previewing an animation Animations created in Fireworks may be previewed one of two ways: Preview an animation in the workspace– Use the frame controls at the bottom of the document window to quickly preview an animation without opening the Export Preview. Frame rate settings made in the Animation panel of the Export Preview affect how long each frame is displayed in the document window. Frames that are turned off in the Animation panel of the Export Preview will not be displayed when previewing the animation. The animation repeats until stopped, regardless of the Loop settings in the Export Preview. The animation preview displays the source graphics at full resolution, not the optimized 8-bit preview that will be used for the exported animated GIF. Preview an animation in the Export Preview– Use the frame controls in the Export Preview to display an animated GIF exactly as it will be exported. The Export Preview shows looping, optimization, disposal methods, and frame delay. Exporting an animation When you are done drawing your animation, export your animation as either an animated GIF or as multiple files. To export as an animated GIF: Choose File > Export. Click the Options tab and choose Animated GIF from the Format pop-up. Make changes to the Palette, Dither, or Transparency options. On the Animation panel of the Export Preview, set the disposal method and frame delay for each frame and choose loop settings. To select a range of frames, select the first frame, hold down the Shift key, and then select the last frame in the range. To select multiple frames, hold down the Control key (Windows) or Command key (Macintosh) while selecting individual frames. Click Next. In the Export dialog box, type a name for the file and select the destination. To export as multiple files: Choose File > Export Special > Export as Files. In the Export dialog box, choose Frames in the Files From pop-up. Type a name for the files and select the destination.
<url>../html/2506_Transparency.htm</url>
<title>Transparency</title> Transparency Using Fireworks, you can create web graphics with fine-tuned transparencies. Transparency is supported in two graphic formats: GIF and PNG. GIF transparency Transparency is defined in GIF files by designating one or more colors to be transparent. The designated color is transparent when the GIF is viewed in a browser. Use the Export Preview to set or adjust the transparent area in a GIF. Use the Transparency Eyedropper tools to add or remove colors from the transparent area. PNG alpha transparency Exported PNG files can contain alpha transparency settings. Alpha transparency is different from GIF transparency in that gradient levels of transparency can be specified. This means that pixels may be set to blend with the web browser's background color or background image. However, alpha transparency is not supported fully by current browsers. Netscape Navigator 4.04 supports PNG, but not alpha channels. Microsoft Internet Explorer 4 partially supports PNG alpha channels, but sometimes displays inconsistently when complex gradient transparency is defined. To include alpha transparency in an exported PNG: Create an image in Fireworks using a transparent canvas. Images with feathered edges, anti-aliasing, or varied opacity settings take advantage of alpha transparency. Choose File > Export. Choose PNG from the Formats pop-up on the Options panel of the Export Preview. Choose a bit depth of 8-bits to avoid creating extremely large files. Choose Alpha Channel from the Transparency pop-up. Click Next. In the Export dialog box, type a name for the file and select the destination.
<url>../html/2507_FW_HTML.htm</url>
<title>Using Fireworks HTML</title> Using Fireworks HTML Fireworks can generate HTML when exporting. Fireworks-generated HTML always contains a link to the exported image and HTML that sets the background color for the web page to be the same as the canvas or matte color in the exported graphic. Fireworks can export all the HTML and JavaScript needed to create image maps, rollovers, tables to reassemble sliced graphics, status bar messages, and other actions defined using the Behaviors inspector. View HTML files exported by Fireworks by opening them in a web browser. HTML files may be edited by opening them in a text editor, such as NotePad (Windows) or SimpleText (Macintosh), or in a web authoring tool like Macromedia Dreamweaver. Portions of Fireworks HTML files may be copied and pasted into other HTML files. Exporting HTML with a Fireworks file To export HTML for a graphic, choose a style from the HTML Style pop-up in the Export dialog box when exporting. Use the HTML Style pop-up to select from different styles of HTML output suitable for use in a variety of HTML editors. These output styles are available with Fireworks: None – No HTML is generated during export. Dreamweaver 2 – The output format is designed to be easily editable in Dreamweaver 2. When this HTML is opened in Dreamweaver 2, behaviors applied to objects appear in the Dreamweaver Behaviors inspector. This means that rollovers, and other JavaScript behaviors may be edited in Dreamweaver's Behaviors inspector. Dreamweaver Library .lbi – This output format is designed to import objects as library objects within Dreamweaver. Use library items in Dreamweaver for content that appears on many pages in your site, for content that must be updated frequently, and for rapid prototyping. Library files must have an ".LBI" extension and must be located in a folder named Library at the site root. FrontPage – HTML output in this format is designed for easier editing when using Microsoft FrontPage. Generic – This generated HTML adheres to basic HTML standards, but favors no particular HTML editor. Exporting as Files and CSS layers Export individual images using the File > Export Special > Export as Files command. Use the Files From pop-up to export images from layers, slice objects, and frames as individual export files. Export as CSS Layers to create an HTML document with Cascading Style Sheet (CSS) layers. Use CSS layer information in an HTML editor such as Dreamweaver to precisely position and animate objects. Editing Fireworks HTML output styles Add, remove, or edit HTML output styles by making changes to templates located in the Fireworks 2 \ Settings \ HTML Code folder. Template files are written in JavaScript, which is executed by Fireworks during export. Edit Fireworks output styles to customize HTML exported by Fireworks. In addition, use JavaScript to create dialog boxes or alerts when exporting. For example, you could create a dialog box that allowed you to enter a custom title for the HTML page exported, or to output different HTML code for specific tasks. To Do this Add an output style Create, duplicate, or place a new folder in the Fireworks 2 \ Settings \ HTML Code folder. Place copies of the Imagemap.htt, slices.htt, and ServerMap.mtt files in the new folder. The folder name determines the name of the style as it appears in the HTML Output pop-up. Remove an output style Delete the folder of the unwanted style from the Fireworks 2 \ Settings \ HTML Code folder. Edit an output style In the Fireworks 2 \ Settings \ HTML Code folder, open the folder of the style you want to edit. Open the document in a text editor, make changes, and save. Be sure to use the same name and path when saving the document. Template files are written in JavaScript. Therefore, a working knowledge of JavaScript is required to successfully edit a template. If an edited template file contains any errors in the JavaScript, the export process stops. Fireworks does not correct JavaScript errors; it only executes valid JavaScript when exporting. For more information about editing JavaScript in Fireworks templates, see JavaScript .
<url>../html/2508_HTML_basics.htm</url>
<title>Some HTML basics</title> Some HTML basics HTML files are essentially text files that contain: Text that appears on the web page. HTML tags that define document formatting and structure, and link to images and other HTML documents (web pages). HTML tags are enclosed in brackets and look something like this: <tag> affected text </tag> Like the example above, most HTML tags use both an opening tag and a closing tag, which together define the beginning and ending of the affected text. Some tags, however, need only an opening tag. Many tags allow additional variables to be added to control how the tag affects the selected range of text. For example: <font color="blue">Fireworks</font> This tag would cause the word Fireworks to be colored blue.
<url>../html/2509_HTML_tags.htm</url>
<title>Common HTML tags</title> Common HTML tags Most HTML documents contain the following tags: <HTML></HTML> Marks the beginning and ending of the HTML document. <TITLE></TITLE> Sets the name of the document that appears on the top of the browser window. <HEAD></HEAD> Information in this section describes various characteristics of the document such as the document title, background color, text color, and font usage. JavaScript code is placed within this section of the document. <META></META> Stores extra information about the HTML document such as what application created it, keywords for search engines, and other information used by various applications. Many HTML editors or utilities add meta information to an HTML document. <SCRIPT></SCRIPT> Marks the beginning of code for a scripting language, such as JavaScript. <BODY></BODY> Text or links in this section go into the main body of the document. <IMG> Displays an image on the web page. For example: <IMG SRC="Picture.gif"> This tag displays the image Picture.gif on the page. <A></A> Creates a link from text or an image to another HTML document. For example: <A HREF="http://www.macromedia.com">Link</A> In this case, clicking the word ¨Link¨ jumps to www.macromedia.com. To place an image and also make that image a link, use two tags: <A HREF="http://www.getfireworks.com"> <IMG SRC="Explosion.jpg"></A> The image Explosion.jpg is displayed on the web page and clicking on it takes you to www.getfireworks.com. Note that the link to the image is placed within the link tags, between <A> and </A>. <MAP></MAP> Information within this tag describes the shape of a hotspot using coordinates and contains the URL destination of the hotspot. Note: For more explanation on specific HTML tags and their usage, consult one of the many commercially available books or websites about HTML.
<url>../html/2510_Copyingpasting.htm</url>
<title>Copying and pasting from a Fireworks HTML file</title> Copying and pasting from a Fireworks HTML file When copying HTML exported from Fireworks, it is important to paste it to the correct place within the destination HTML document. When copying and pasting Fireworks HTML into other HTML documents, you do not have to copy the <HTML> or <BODY> tags. Those tags should already be included in the destination HTML document. Note: Exporting as a Dreamweaver 2 library (.lbi) file makes copying and pasting HTML unnecessary when inserted in Dreamweaver. JavaScript When Fireworks exports HTML with JavaScript behaviors, the exported HTML includes JavaScript code for executing behaviors, as well as all other necessary HTML. When pasting JavaScript into other HTML documents, be sure to do the following: Paste the entire <SCRIPT> section between the <HEAD> and </HEAD> tags. Be sure that the script section begins with a <SCRIPT> and ends with a </SCRIPT>. If a script section already exists in the destination HTML document, do not copy the <SCRIPT> tagsùjust copy the code from the source script and paste it at the end of the destination <SCRIPT> section before the </SCRIPT> tag. Paste the image's link in the <BODY> section where you want the image to appear on the page. Client-side image maps HTML exported by Fireworks for client-side image maps includes a link to the graphic and <MAP> information to define the image map's hotspot areas. When pasting image maps into other HTML documents, be sure to do the following: Paste the image's link into the <BODY> section of the destination HTML document where you want the image map to appear on the page. Paste everything in the <MAP> section immediately after the link to the graphic. Sliced images When exporting slices of an image, the HTML exported by Fireworks includes a table that reassembles slices on a web page. If you export JavaScript rollovers or image maps with your slices, then the HTML will also include JavaScript code and a <MAP> section. When pasting a sliced graphic into other HTML documents, be sure to do the following: Paste all of the <TABLE> section, including the tags, where you want the sliced graphic to appear on the page. Paste any JavaScript into the <SCRIPT> section, or paste the entire <SCRIPT> section between the </HEAD> and <BODY> tags. Paste any <MAP> sections immediately after the </TABLE> tag for the sliced graphic.
<url>../html/3201_Contact_TS.htm</url>
<title>Contacting Technical Support</title> Contacting Technical Support Before contacting technical support by phone, by fax, or online: Please read everything relevant to the problem in the manual and in Fireworks Help. Check the indexes for references to related topics, where the information you need may be covered. If something worked before but does not work now, think about what may have changed. Perhaps you installed new software, changed settings, or changed application preferences. Try creating a new file and reproducing the problem there. If the problem does not occur in the new file, compare the new file with your old file to find and eliminate the differences. If the problem causes a system error or page fault, use the system troubleshooting tips found in the help. For the Macintosh, these tips are also found in TechNote #3500 (on Macromedia's web site). On Windows 95, restart in Safe mode by pressing F8 when the Starting Windows line is displayed. On Windows NT, restart in standard VGA mode. Note: You can solve many problems you encounter by following the steps listed above. Review the ReadMe documents that are included with your software. These documents communicate late-breaking information about Fireworks. You can find them in the application folder and on the installation CD-ROM. If you have Internet access and still need help, try these resources to find solutions. Searchable TechNotes Each Macromedia product has a searchable TechNotes section on Macromedia's web site. Details for conducting searches are included on this site. To search Macromedia TechNotes, aim your browser to: http://www.macromedia.com/support/search/ Macromedia Design and Developers Centers Macromedia has product-specific Design and Developers Centers on its web site, where you can find the latest instructional material and technical information. http://www.macromedia.com/support/fireworks/ Web-based newsgroups Macromedia newsgroups are open forums where Macromedia users can discuss technical issues and share helpful techniques. Veteran users of Macromedia products share their experience here. Also, Macromedia technical support personnel frequently join forum discussions to share their knowledge and monitor topics that are important to Macromedia users. To participate in Macromedia newsgroups, aim your browser to: news://forums.macromedia.com Before you post questions or information in these newsgroups, search Macromedia's web site to see whether the information is already available. Looking in manuals and searching the web site typically yields answers to questions more quickly than posting questions in newsgroups. If you are unfamiliar with newsgroups, please read TechNote #3534. You can search for a Macromedia TechNote number by entering the numerals in the web site Search field. If you still need help: If you prepare in advance of making a call to a Macromedia support representative, he or she can help you more quickly, which saves you time and money. Use this checklist to prepare for a call to Macromedia technical support: Define the problem before you call. Be able to repeat the steps that led to the problem and identify when and how the problem occurred. The support representative needs your help to understand the problem and help you solve it. Turn on your computer and launch the application, if possible. Do not call from a cellular phone while driving a car. Do not use a throw-away calling card that is likely to expire before completing the call. Get a pen or pencil and paper to write down instructions from technical support. Gather this information before calling technical support: Product name, version number, and serial number (or incident number or customer number) Type of computer: such as Pentium, Cyrix, or PowerPC For printing problems, the printer brand, model, and driver; the PPD in use; and any printer-generated error messages Amount of installed memory (for Macintosh, amount of memory allocated to Fireworks) Amount of free hard-disk space Screen resolution (screen size in pixels, such as 1024 by 768) Screen color depth (number of colors or bits, such as 256 colors or 8-bit color) Graphics card manufacturer, model name, and driver version number. List of external devices connected to your computer Brief description of the problem or error and the specific text of any error messages These steps will help the support representative pinpoint and solve your problem quickly. Guide to the technical support phone system To quickly reach the technical support representative best qualified to answer your questions, please refer to these tips for navigating the technical support phone system. For the fastest response, enter a valid customer number, incident number, or numeric digits of the product serial number. Press the # key after entering either of these numbers. If entering a Fireworks serial number, omit the first 3 letters, begin with 100, and omit all dashes. When you press #, your call is placed in line for the first available technical support representative. If you do not have a valid customer number, incident number, or serial number, press 1 and then press the # key, or stay on the line for access to the Macromedia Product Menu. After you select a product from the menu, your call is placed in line for the first available technical support representative. Technical support: Inside the U.S. and Canada Outside the U.S. and Canada Contacting Macromedia
<url>../html/3202_Contact_MM.htm</url>
<title>Contacting Macromedia</title> Contacting Macromedia Technical Support Customer Service Call 800-288-4797 or 800-470-7211. Source & Center Call 800-396-0129, 415-252-7999, or 415-252-2245. Contact Source & Center for: Training Consulting services Purchasing Priority Access technical support Referrals for multimedia development Referrals to Macromedia Authorized Graphics / Imaging Centers (MAGIC) Referrals to user groups Information about the Macromedia International User Conference Authorization programs for trainers, developers, and service bureaus Success Stories Send e-mail to pr@macromedia.com fax 415-626-1502 World Wide Web http://www.macromedia.com/
<url>../html/3203_TS_US.htm</url>
<title>Technical Support in the U.S. and Canada</title> Technical support inside the United States and Canada Contacting Technical Support Fax number for Fireworks, FreeHand, and Fontographer: 972-680-0535 Fax number for other Macromedia products: 415-703-0924 Technical Support phone: 415-252-9080 Macromedia, Inc. 600 Townsend Street San Francisco, CA 94103
<url>../html/3204_TS_foreign.htm</url>
<title>Technical Support outside the U.S. and Canada</title> Technical support outside the United States and Canada For additional help, contact the Macromedia office in your area: Macromedia Europe (including Europe, the Middle East, and Africa) Pyramid House East Hampstead Road Bracknell Berkshire England United Kingdom RG12 1NS 44.1.344.458.600 44.1.344.458.666(fax) Macromedia Japan F Deer Plaza Akasaka 4-3-28 Akasaka Minato-ku Tokyo 107 Japan 81.3.4463-1980 81.3.4463-1990 (fax) Macromedia Asia Pacific Princess St., Suite 207 Kew Victoria Australia 3101 Tel 61 3 9853 0900 Fax 61 3 9853 0600 For Pacific and Latin America Macromedia 600 Townsend Street San Francisco, CA 94103 U.S.A 415-252-2267 415-626-0554 (fax)
<url>../html/4000_Glossary.htm</url>
<title>Glossary</title> Fireworks Glossary active document Since you can have more than one document open at a time, the active document is the one in which you are currently working. additive method The additive method used by the RGB color model means that you create white by adding or combining color. Combining all colors at 100% value creates white, and combining all colors at 0% value creates black. Colors created by transmitted light use the additive method. alpha channel A way of defining transparency for each pixel in an image, with the possibility of creating gradient transparency effects. Typically, an alpha channel is defined from a grayscale image where the black pixels are completely opaque, white pixels are completely transparent, and levels of gray create a percentage of opacity. animated GIF A GIF89a file that contains multiple images and that can be viewed as an animated sequence of images in a web browser. Animated GIFs are widely used on the web because they are relatively small and do not require a plug-in for the web browser. anti-aliasing Removes the jagged edge effect that occurs when object edges are rendered as pixels by blending the objectÆs color with what is behind it. Anti-aliasing also refers to altering texture maps to prevent moire patterns. ASCII format A text file format containing letters, digits, and symbols from the ASCII character set. aspect ratio The ratio of height to width of an image. auto-expanding A text block that expands either horizontally, vertically, or both, as you enter text. automatic curvature The default position of curve handles for a point, based on the kind of point and the position of the preceding and following points. baseline The imaginary horizontal line on which text rests. Bezier curve A method of creating shapes based on the mathematical methods for defining curves pioneered by Pierre Bezier, noted French engineer, scientist, and academic teacher. The Bezier curve is defined by four points: two end points and two curve handles. Control the shape of the curve by manipulating the curve handles. binary format A file format that is machine-readable. bitmap image An image, such as a GIF, LRG, TIFF, or JPEG consisting of a pattern of monochrome or color pixels which create a picture. bounding box The invisible, non-printing, rectangular border around a selected object. browser An application that specializes in loading and viewing World Wide Web documents. The two most commonly used browsers are Netscape Navigator and Microsoft Internet Explorer. calligraphy A style of handwriting using a flat-tipped pen resulting in a stroke weight or width that varies with the direction of the line. canvas The canvas is the permanent surface that determines the dimensions and the show-through color of the Fireworks file. center-justified text A paragraph within which lines of text center between the left and right indents. Clipboard A temporary storage location that is part of your computer system and handles objects transferred when you Cut, Copy, or Paste. The Clipboard stores the most recent object you Cut or Copy, replacing any contents previously contained on the Clipboard. clipping path A closed path used to partially mask objects it contains. closed path A path consisting of two or more points where the first and last points are the same. CMYK color The four colors (cyan, magenta, yellow, and black) used in traditional process printing. color models The red, green, and blue (RGB) and hue, lightness, and saturation (HLS) models are based on the properties of transmitted light. The cyan, magenta, yellow, and black (CMYK) model is based on pigments, such as those used in commercial printing. color separations Prepare multi-color artwork for printing by dividing it into individual overlays, or separations, one for each component color. For traditional process color, four separations are printed, one each for cyan, magenta, yellow, and black. For Hexachrome, six separations are printed, one each for cyan, magenta, yellow, black, orange, and green. For spot colors, one separation is printed for each color used in the illustration. composite path A composite path consists of two or more discontinuous closed paths, that are treated as a single path. An effect applied to a composite path, such as a Gradient fill, appears as if the composite path was continuous. If two overlapping paths are joined as a composite path, the result appears as a shape with a hole. contents Objects pasted inside a clipping path. counter The enclosed space within such letters as ôc,ö ôe,ö ôg,ö ôs,ö and ôH.ö crop Removes portions of selected, closed paths outside the area of the topmost, closed path. Stroke and fill attributes remain unchanged. crop mark Indicates where to trim pages of a printed publication. Will appear when printing and only if your paper size is larger than the page size of the document. dithering Simulation of a color by grouping pixels of other colors. The human eye sees the grouped pixels as a mixed color. Dithering is useful when not enough colors are available on the monitor to exactly match a color in an illustration. document format Saves the file as a document. Use this option when the file does not contain default settings, artwork, colors, or styles you want to use as starting points for other illustrations. dpi (dots per inch) The measure of resolution for a video monitor or printer. High-resolution printers are usually at least 1000 dpi. Laser printers typically have a resolution of 300+ dpi. Monitor resolution is usually 72 dpi (Macintosh) or 96 dpi (Windows). drop cap An oversized capital letter used at the start of a paragraph. Drop caps occupy two or more lines of body copy. em A unit of measurement which is the square of a typefaceÆs point size. Traditionally, an em is the width of a faceÆs widest letter, the capital letter M. For instance, if the M is 10 points wide, an em is equal to 10 points. em dash A dash that is one em wide. An em dash usually indicates missing material or a break in thought. em space A space equal to the width of a typefaceÆs point size. Often used for paragraph indentions. Traditionally, the em space was created in typesetting by non-printing blocks of metal used to add space between words. en A unit of measurement equal to half of a typefaceÆs point size. Traditionally, an en was half the width of an em. en dash A dash that is one en wide. Usually indicates duration, to, or through such as, refer to pages 4û9. It may also be used in compound adjectives as in PostûWorld War II. en space A space equal to half an em space. Extensis Fetch A program that can catalog thousands of art, photographic, movie, and sound items in a database and provides instant visual access to the cataloged items. feather To blur the edges of an object by blending the colors of the edge with the surrounding pixels. file format The specific format in which a file is saved. fill The color or pattern applied to the area within a closed path or text character. filters Allow you to import and export a variety of file formats. first line indent A type of paragraph formatting in which the first line of a paragraph is indented from the left margin, but the rest of the lines are not indented. fixed point The location used as a reference for transforming an object. The fixed point acts as the center point of a transformation.: flush zone Specifies the justification of the last line of a paragraph as a percentage of a columnÆs width. font A complete set of characters for one typeface, such as Helvetica, including uppercase and lowercase characters, numbers, and punctuation marks. greeked type Text that is displayed as gray lines when the point size of the text at the current magnification is smaller than the point size you enter in the Greek type below option in the Display preferences. Greeked type is displayed on-screen by gray lines in place of the text characters. Greeked type accelerates on-screen redraw time. Text characters will print normally. group Two or more objects frozen in relation to each other. Groups rotate, reflect, scale, skew, and move as a unit. guides Non-printing objects used to align objects on a page. halftone A technique of representing continuous-tone art with a pattern of dots varying in size and angle of placement. The pattern is called a halftone screen. In photographic halftoning, each dot in the halftone screen is called a halftone dot. In digital halftoning, dots in the halftone screen are combined into halftone cells. Black-and-white art is printed using black halftone dots, but color can also be reproduced. Spot color is created by applying a colored ink to a halftone screen. Process color is created by overlaying four halftone screens (one each for cyan, magenta, yellow, and black inks) at different halftone screen angles. handle A set of small black squares appearing around a rectangle, ellipse, group, composite path, imported object, or text block. hanging indent A type of paragraph formatting in which the first line of a paragraph is not indented from the left margin, but the rest of the lines are indented, for example, to simulate setting a subhead in the left margin. Hexachrome An extension of the traditional four-color process, Hexachrome is PANTONEÆs version of high-fidelity color. Hexachrome adds orange and green process colors to traditional CMYK, producing CMYKOG. high-fidelity color A color model designed to reproduce the visible color spectrum more accurately than traditional CMYK. See Hexachromedef_hexachrome. Hotspot A region on an image map that, when clicked, opens another web page or Internet site. hotspot object Web objects that can be drawn as rectangles, circles, or polygons using the Hotspot tools. Also, hotspot objects can be created from existing objects in a Fireworks document using the Insert > Hotspot command. Hotspot objects are best used to designate clickable regions for an image map or to designate the event area for a rollover behavior. HTML (HyperText Markup Language) The language used for World Wide Web documents. image map A bitmap graphic containing hotspot regions used to navigate to other web pages or other Internet sites. Client-side image map: An image map where the hotspots are defined within the HTML file containing the link to the image. Server-side image map: an image map where the hotspots are defined in a different file, called a MAP file. image object A square object composed only of pixels. Some image objects may appear to be non-rectangular. Those objects have a transparent border of pixels causing it to appear in a shape other than a rectangle. To edit an image object, click on its pixels with a drawing or editing too. Internet If you haven't heard of the Internet you've probably been living under the ocean. But for you ocean-dwellers: The Internet is a mystical world-wide network of millions of computers used for communication, commerce, and the transfer of information. And no, you can't connect to it using a shoe. initial cap Large, capital letters which are found at the beginning of paragraphs or chapters. Often ornamental, initial caps date back to the early days of European manuscripts where they wereùand still areùconsidered works of art. Before printing presses replaced hand-lettering, a few talented scribes drew the characters into spaces left in the manuscripts for that purpose. insertion point The spot where the flashing cursor appears inside the text block. Typed characters appear at the flashing cursor. intersect Creates a path enclosing the area common to all selected, closed paths. Stroke and fill attributes of the object farthest back are applied to the resulting path. Java A cross-platform programming language developed by Sun Microsystems. JavaScript A cross-platform scripting language developed by Netscape that specializes in adding behavior to web pages. join The shape of the point when two path segments meet at a corner or connector point justified text Text that lines up at both the left and right margins of a text block or column. Justified text is also known as fully justified. kerning The process of improving the appearance and legibility of text by adjusting the white space between certain paired characters, such as ôTy,ö ôTo,ö or ôWh,ö which are known as kerning pairs. keyline mode A view option displaying outlines of objects without their stroke or fill attributes, for simplified viewing and faster screen redraw. Keyline is the opposite of Preview mode. knockout An option for printing separations where portions of color underneath other colors are not printed where foreground objects overlap them. Knockouts preserve the integrity of the colors you specify, but can result in unacceptable gaps between colors. landscape orientation A document that is wider than tall. layer A transparent plane or overlay that helps organize objects and controls how they stack upon each other in an illustration. leading Pronounced ôledding,ö this is the space measured in points between rows of text from baseline to baseline. For example, 12 on 12 means there is no additional leading, and 12 on 13 is 12 point type with one additional point of leading. The term leading is taken from the days when thin strips of lead were placed between lines of type to space them apart. left-justified text Type that is aligned with its left margin. Left-justified text is also called flush left. misregistration Slight gaps between overlapping colors and moire patterns in process colors. Trapping and overprinting are two techniques that help compensate for misregistration. Misregistration occurs when paper stretches and shifts as it absorbs moisture and is pulled through a press. The colored plates on a multi-color job misalign, resulting in two problems as ink gets laid onto the paper. miter limit The ratio between the length of the miter join and the stroke width. This measurement sets the maximum length of a miter join before it automatically converts to a beveled join. nested object A nested object is a single object placed within a group of objects. mask An opaque image used to block the view in one area, but with holes allowing the image to be viewed in other areas. An object is masked when part of the object is hidden because it is pasted inside a path that is smaller than the object. moire pattern The effect when a pattern of halftone dots or screen angles results in uneven color. Moire patterns do not appear on screen, but are the result of misaligned halftone screen angles or misregistration on press. object Any path, text block, or imported graphic in a document. opacity Determines how much of an objectÆs surface occludes those objects behind it. open path Consists of two or more line segments with endpoints that do not touch. overprint When printing separations, an option where overlapping colors are printed in their entirety instead of knocking out. Overprinting eliminates the possibility of color gaps between objects, but can result in unacceptable color shifts. Overprinting can be used to add the appearance of a third spot color to a document. path An editable line segment connecting two or more path points. path direction The direction of a closed path is defined as either clockwise or counterclockwise. Path direction is determined when the second point is placed. Text attaches upside down to a counterclockwise path. pica A computer pica is equal to 12 points, one-sixth of an inch. 12 points = 1 pica, 6 picas = 1 inch, and 72 points = 1 inch. pixel Acronym for picture element, a pixel is one dot of a screen imageùthe smallest picture sample that can be sensed, manipulated, or produced. There are usually 72 (Macintosh) or 96 (Windows) pixels in an inch. Graphics are created by turning pixels on or off. point (or path point) The location on a path which determines the shape and direction of the path segments extending from that location. point (unit of measurement) In modern desktop publishing, one point is defined to be equal to 1/72 of an inch. The traditional point measurement was slightly more or less than 72 points to the inch, depending upon the typesetting measurement system. point handle A handle attached to a selected point. Use handles to change the shape of the path segment extending from a point. point size The height of the type body. A standard type measurement system was originally developed by the Parisian type founder Pierre Fournier le jeune in 1737. In the days of metal type, the point size was the total number of points in the height of metal type, including the ascent and descent of the letters, and the metal above and below the letters. portrait orientation A document that is taller than wide. PostScript A device-independent, page-description language developed by Adobe Systems, Inc. Page layout programs like Macromedia FreeHand use PostScript to create complex pages, text, and graphics on screen. This language is then sent to the printer to produce high-quality printed text and graphics. preview mode A view option that displays your illustration as it will be printed, complete with line weights and fills. Certain PostScript strokes and fills cannot be previewed. Preview is the opposite of Keyline mode. printer font A font that can be downloaded to the printer, onto a hard disk, or in ROM that resides in the printer. process color A method of printing where four colors of ink (cyan, magenta, yellow, and black) are used to print tiny dots that collectively make a color in your illustration. All process colors are created by overlaying tints of various percentages of the four process color inks. Hexachrome uses orange and green process colors in addition to the CMYK used in traditional four-color processing. ragged width Specifies the minimum distance non-justified text spreads over a column as a percentage of column width. RAM (Random Access Memory) Internal memory used by your computer to run programs and do tasks. The information in RAM is erased when a computer is turned off. rasterize To convert vector graphicsdef_vector_graphic to bitmap imagesdef_bitmap. In other words, convert path-drawn shapes into pixel representations of those shapes. rendering The actual placement of rasterized pixels on the monitorÆs display. Rendering, also called rasterization, refers both to graphic objects and type. reflection axis The line across which you reflect or flip an object. registration mark Marks that print outside the image area of a document and are used as guides for aligning each color when printing process separations. resolution Refers to the precision of dots available to represent graphic detail in a given area, usually expressed in dots per inch (dpi). On a computer screen, resolution refers to the number of pixels in a linear inch (ppi). On a printer it refers to the number of dots printed in a linear inch (dpi) or the screen ruling used to print the image (lpi). On a scanner it refers to the number of samples saved per linear inch of scanned art (spi). RGB An acronym for red, green, and blue. It is the combination of red, green, and blue color values that create a given color. Each pixel has its own RGB value. When 32-bit color depth is selected, each pixel also has alpha channel, or opacity, information. right-justified text Type aligned with its right margin. Right-justified text is also known as flush right. RTF (rich text format) A text file format used for transferring formatted text documents between programs, even those running on different platforms. rule A line used as a guide or the border around an object. screen font Bitmap fonts used for computer screen display. screen ruling The number of lines or rows of halftone dots printed per inch on the page, measured in lines per inch (lpi). skew To distort an object by slanting it horizontally, vertically, or both. slice object Rectangular web objects that slice the image into multiple image files when the image is exported. Also, slice objects define regions of the graphic that may be targeted by rollover behaviors. snap distance The distance within which an object will be pulled or snapped into alignment with a point, guide, grid, or center point of a basic shape. split To break apart paths created with the Join command. spacing The amount of unused space existing between words, letters, and lines in text. Spacing provides a means to avoid overlapping letters and text in order to improve readability. spot color When printed, uses a separate ink. Spot color inks can be custom-mixed or specified from a color-matching system. stacking order The order in which objects lie on top of one another within the same layer. Objects created within a single layer are stacked in the order they were created with the last object drawn on top. stroke The color, tint, or pattern applied to the outline of a path or text character. Applying a stroke makes a path outline visible. style A set of object attributes such as color, fill, stroke, and halftone screens or paragraph attributes such as font, style, space before and after, indents and tabs, and alignment. You can define, name, and save a style. Styles save you time and help you achieve design consistency by letting you apply or edit a set of graphic or text attributes to many objects in one quick step. subpath A closed path that is part of a composite path. subtractive method The subtractive method used by the CMYK color model means that you create white by subtracting or removing color. Combining all colors at 0% value creates white, and combining all colors at 100% value creates black. Colors created by reflected light use the subtractive method. tab ruler A ruler containing tab and indent controls. template format Saves the file as a template that you can use as a starting point for other illustrations. Opening a template opens an untitled copy of the template containing its settings and objects and saves the original template for future use. text block The rectangular container into which text is typed. text effects Custom effects that modify the appearance of text without converting the text to a graphic. thin space A space equal to one-fifth of an en space. tile An object created using shapes, open or closed paths, composite paths, or text as the basis of a Tiled fill. The tile is repeated across the selected object. tint A lighter shade of a spot or process color, usually expressed as a percentage. Also known as screen. transform To move, rotate, scale, skew, or reflect a selected object. undo A command in the Edit menu that reverses your last action. Set the number of undos in the Preferences dialog. ungroup To convert grouped objects into individual objects or a rectangle or ellipse into a freeform path. unit of measurement The measuring unit specified for a documentùpoints, picas, inches, decimal inches, or millimeters. The document unit of measurement affects working units on the ruler and grid, as well as values you enter to edit your illustration. URL (Uniform Resource Locator): An address for an Internet site. Example : http://www.macromedia.com Vector graphic A graphic consisting of mathematically described objects which usually appear as outlines with control points. Web object Web objects are used to slice the image or define parts of the image to be linked to URLs. Fireworks places all web objects on the Web Layer. width Specifies the thickness of a stroke. A value greater than zero applies a stroke straddling a path. A width of zero prints as the finest line an output device can print. winding fill Fills a path according to path direction. Where objects intersect, paths with the same direction will fill, but paths with opposite directions will cancel each other outùresulting in no fill. word spacing The amount of space between each word in a line of text. Vary it to adjust line length without affecting readability. World Wide Web A large part of the Internet that contains graphics and uses HTML (HyperText Markup Language) to share information in the form of web pages. Web pages are viewed using a browser. Commonly called the "Web.ö wrapping tab A tab flowing multiple lines of text between two tab markers. Set two wrapping tabs to create a gutter between two columns of wrapped text. zero point The reference point for ruler measurements. Each page in your document has its own zero point.
<url>../html/9000_Edit_Menu.htm</url>
<title>File Menu</title> Edit menu Undo Redo Cut Copy Paste Clear Paste Inside Paste Attributes Select All Deselect Superselect Subselect Select Inverse Feather Similar Duplicate Clone Find and Replace Crop Selected Image
<url>../html/9000_File_Menu.htm</url>
<title>File Menu</title> File menu New Open Open Multiple Scan Close Save Save As Save a Copy Revert Import Export Export Special Export Again Export Wizard Batch Process Run Script Preview in Browser Page Setup Document Properties Print Preferences Exit / Quit
<url>../html/9000_InsertMenu.htm</url>
<title>Insert menu</title> Insert menu Hotspot Slice Behaviors Image Empty Image Symbol Tween Instances Symbol Options Layer Frame
<url>../html/9000_ModifyMenu.htm</url>
<title>Modify menu</title> Modify menu Stroke Fill Effect Image Object Exit Image Edit Document Edge Free Transform Transform Arrange Align Join Split Combine Alter Path Merge Images Merge Layers Group Mask Group Ungroup
<url>../html/9000_TextMenu.htm</url>
<title>Text menu</title> Text menu Font Size Style Align Editor Attach to Path Detach from Path Orientation Reverse Direction Convert to Paths
<url>../html/9000_ViewMenu.htm</url>
<title>View menu</title> View menu Zoom In / Zoom Out Magnification Fit Selection Fit All Full Display Hide Selection / Show All Hide Edges Hide Panels Rulers Grid Grid Options Guides Slice Guides Guide Options
<url>../html/9000_XtrasMenu.htm</url>
<title>Xtras menu</title> Xtras menu Repeat Blur Blur More Gaussian Blur Invert Convert to Alpha Find Edges Sharpen Sharpen More Unsharp Mask
<url>../html/Using_Help.htm</url>
<title>Using Help</title> Using Fireworks Help The Fireworks 2 Help Pages are designed to provide quick and thorough reference while working in Fireworks. The help is in an HTML format and is viewed with your own web browser. Fireworks Help includes all of the content of the Using Fireworks manual, plus reference information on virtually every menu command, tool, and panel. System requirements For the best experience, we strongly suggest that you use one of these browsers: On Windows, we recommend Netscape Navigator 4.0 and later or Microsoft Internet Explorer 4.0 and later. On the Macintosh, we recommend Netscape Navigator 4.0 and later or Microsoft Internet Explorer 4.0 and later. If you use a 3.0 browser, all the content is still accessible, but some features (such as Search) will not work. Installers for recent versions of these web browsers are included on the Fireworks CD-ROM. The Fireworks Help Pages make extensive use of JavaScript. Make sure that JavaScript is enabled in your browser. If you plan to use the Search feature, make sure that Java is enabled as well. The Fireworks Help Pages make extensive use of the Flash Player. If you have not installed the Flash Player for your default web browser, install it from the Fireworks CD-ROM, or download it from http://www.macromedia.com/software/downloads/ Contents Choose Help > Fireworks Help to open the help in your web browser. The Contents is displayed at the left of the browser window. Use the table of contents to see all information organized by subject. Click top-level entries to view subtopics. Searching for information If you canÆt find what youÆre looking for by navigating through the Contents, Fireworks Help provides two other methods for finding information: Index : Click the Index button to display the helpÆs Index at the left of the browser window. Scroll through the index and click an entry to display the relevant help topic. Search : Click the Search button to display the search engine. Use Search to find any word or phrase in Fireworks Help. Search requires a 4.0 browser with Java enabled. To search for a phrase, simply type the phrase in the text entry box. To search for files that contain two keywords (for example, layers and styles), separate the search terms with a plus (+) sign. Jumps and pop-ups Click blue, underlined text in the help to jump to another topic. Flash graphics with callouts Many of the graphic elements of the help are created as Macromedia Flash Player graphics, which have areas to which you can point for more details. To find these areas, move the mouse cursor over the graphic to view the available pop-up information. Context-sensitive help Click the Help button in any dialog box or the question mark icon in inspectors, windows, and panels to open a relevant help topic. Alternatively, on Windows, click the Help button on the Main toolbar (Windows), press Shift-F1 to change to a help cursor and then click on a menu, panel, or toolbar, or press F1 to access help. On the Macintosh, press the Help key. Back Click your web browser's Back button to go to the topic viewed immediately before the current topic.
